简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - JS如何做到浏览本地文件。
欧阳克
欧阳克 2017-07-05 10:49:31
0
2
821

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

欧阳克
欧阳克

温故而知新，可以为师矣。 博客：www.ouyangke.com

全部回复(2)
代言
代言2017-07-05 10:51:31 2 楼

亲，这个好办，你绑定p 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>
<p onclick="showResurce()">点我</p>
<input id="resurce" type="file" style="display: none">
</body>
</html>
点赞 +0
添加回复
为情所困
为情所困2017-07-05 10:51:31 1 楼

一个方案是，有个隐藏的input file在其它地方，点p后触发它。

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！