[已解决]如何实现在网页上浏览本地文件

野良良良猫

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

就是点击浏览后，会跳出一个类似下图的浏览本地文件的窗口

                               
登录/注册后可看大图

然后选择一个文件后，该文件的完整名字包括后缀会出现在前面那个文本框里，请问这个该怎么实现

最佳答案

月排行榜 / 总排行榜

kogawananari

2020-10-18 09:31:09

1. <h1 id='h1'>未选择</h1>
   
2. <input type="file" id='ipt'/>
   
3. <script>
   
4. ipt.onchange = function(e){h1.innerHTML=e.target.files[0].name}
   
5. </script>

复制代码

css我就不写了
浏览按钮怎么做：把input标签变成纯透明绝对定位到另一个和input宽高一样的标签上盖住 就做到了

跳转到最佳答案楼层

kogawananari

1. <h1 id='h1'>未选择</h1>
   
2. <input type="file" id='ipt'/>
   
3. <script>
   
4. ipt.onchange = function(e){h1.innerHTML=e.target.files[0].name}
   
5. </script>

复制代码

css我就不写了
浏览按钮怎么做：把input标签变成纯透明绝对定位到另一个和input宽高一样的标签上盖住 就做到了

野良良良猫

厉害啊，多谢大佬