input:file onchange事件无法读取解决方法
2024-10-13 09:09:21
最近做项目,移动端的多文件上传,使用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表单上,采用事件委托。顺利解决。
学习到知识是快乐的,充满成就感的。
最新文章
- OnDraw函数
- iOS 应用评分
- [原]ubuntu14.04 网卡逻辑修改没有文件/etc/udev/rules.d/70-persistent-net.rules
- canvas模拟重力效果
- YTU 3003: 括号匹配(栈和队列)
- win xp32位与64位怎么查看是多少位系统
- Aizu 2309 Sleeping Time DFS
- C#切割指定区域图片操作
- [LeetCode] Interleaving String [30]
- Python 类继承,__bases__, __mro__, super
- 关于js的一些基本知识(类,闭包,变量)
- windows phone 8.1常用启动器实例
- 454ITS数据按barcode和primer分类程序v1.0
- JAVA面向对象-----局部内部类
- [二] JavaIO之File详解 以及FileSystem WinNTFileSystem简介
- 关于 RESTful API 中 HTTP 状态码的定义
- 批量采集世纪佳缘会员图片及winhttp异步采集效率
- class与struct的区别
- P2889 [USACO07NOV]挤奶的时间Milking Time
- Python之路----内置函数补充与匿名函数
热门文章
- short、int、long、float、double区别
- CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个元素(转)
- jQuery中.bind() .live() .delegate() .on()区别
- Sql Server Express 2005提示";failed to generate a user instance of sql server ";
- 【Python】keras卷积神经网络识别mnist
- LeetCode题解之Max Consecutive Ones
- Oracle EBS INV 删除保留
- 客户端连接caching-sha2-password问题
- Dictionary CovertTo List
- Spine Skeleton Animation(2D骨骼动画)