野良良良猫 发表于 2020-10-18 09:31:08

如何实现在网页上浏览本地文件

我想在网页上实现如下图的效果

就是点击浏览后,会跳出一个类似下图的浏览本地文件的窗口
https://xxx.ilovefishc.com/forum/201406/12/231213znnnnnduduntznn2.png
然后选择一个文件后,该文件的完整名字包括后缀会出现在前面那个文本框里,请问这个该怎么实现

kogawananari 发表于 2020-10-18 09:31:09

本帖最后由 kogawananari 于 2020-10-18 09:59 编辑

<h1 id='h1'>未选择</h1>
<input type="file" id='ipt'/>
<script>
ipt.onchange = function(e){h1.innerHTML=e.target.files.name}
</script>
css我就不写了
浏览按钮怎么做:把input标签变成纯透明绝对定位到另一个和input宽高一样的标签上盖住 就做到了

野良良良猫 发表于 2020-10-19 10:04:51

厉害啊,多谢大佬
页: [1]
查看完整版本: 如何实现在网页上浏览本地文件