鱼C论坛

 找回密码
 立即注册
查看: 80|回复: 2

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

[复制链接]
最佳答案
0 
发表于 5 天前 | 显示全部楼层 |阅读模式
10鱼币
我想在网页上实现如下图的效果
绘图1.jpg
就是点击浏览后,会跳出一个类似下图的浏览本地文件的窗口

                               
登录/注册后可看大图

然后选择一个文件后,该文件的完整名字包括后缀会出现在前面那个文本框里,请问这个该怎么实现
最佳答案
5 天前
本帖最后由 kogawananari 于 2020-10-18 09:59 编辑
  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宽高一样的标签上盖住 就做到了

最佳答案

查看完整内容

css我就不写了 浏览按钮怎么做:把input标签变成纯透明绝对定位到另一个和input宽高一样的标签上盖住 就做到了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
43 
发表于 5 天前 | 显示全部楼层    本楼为最佳答案   
本帖最后由 kogawananari 于 2020-10-18 09:59 编辑
  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宽高一样的标签上盖住 就做到了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
 楼主| 发表于 4 天前 | 显示全部楼层
厉害啊,多谢大佬
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1

GMT+8, 2020-10-23 04:33

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表