javascript - JS如何做到浏览本地文件。

查看:125
本文介绍了javascript - JS如何做到浏览本地文件。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

我知道 input type=‘file’可以做到。
但是我看一些网站是用div绑定一个事件做到的,不知道是怎么实现的。

解决方案

亲,这个好办,你绑定div click事件,再click 隐藏的input[file]的输入框!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script>
        function showResurce() {
            document.getElementById('resurce').click();
        }
    </script>
</head>
<body>
<div onclick="showResurce()">点我</div>
<input id="resurce" type="file" style="display: none">
</body>
</html>

这篇关于javascript - JS如何做到浏览本地文件。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆