input:file onchange事件无法读取解决方法
2019-04-25 06:50:23来源：博客园 阅读 ()
最近做项目，移动端的多文件上传，使用input:file读取文件
<input type='file' name='file' multiple accept='image/*' capture='camera'>
但是在移动端 设置 multiple 属性是不起作用的，设置此属性PC端可以多选而移动端无法多选。
我使用的解决方案是动态添加 input:file标签。，每添加一个标签就出发一次click事件读取文件。然后选择相片并且将相片显示在页面上。
一开始直接在通过JQuery绑定change事件，结果发现无法触发；接着用原生，也不行；最后直接将事件绑定到标签上也是不行的，全都触发不了change事件。
查询过后发现是input:file的问题 https://www.cnblogs.com/axl234/p/3897399.html
进入页面执行JS时，先将表单 RESET掉 form,reset();
然后将change事件绑定到form表单上，采用事件委托。顺利解决。
学习到知识是快乐的，充满成就感的。
原文链接:https://www.cnblogs.com/kuhnTseng/p/10766007.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- 常见form表单5种input输入类型 2020-03-29
- HTML5中input新增类型+表单新增属性+其他标签属性 2020-02-01
- vue使用kkfileview文件预览功能 2020-01-13
- 改变input[type=range]的样式 动态滑动 2019-12-26
- HTML连载55-网易注册界面实战之input填充 2019-12-06
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
