使用Webuploader过程中遇到的坑--ios端,选择文件后无反应
2016-07-15 01:34
417 查看
在PC和Android端是可以正常选择和上传文件和图片的,但是在ios选择图片后,在页面上无反应,任何事件都不触发。折腾了两天硬是没解决,直到在晚上凌晨的才找出原因。原因竟然是dom结构不正确引起的。
官方给的结构是
而我的是
而问题恰恰出现在这个地方
最后把label元素替换成div就可以了,在PC、Android、ios都可以正常上传了
官方给的结构是
<!--dom结构部分--> <div id="uploader-demo"> <!--用来存放item--> <div id="fileList" class="uploader-list"></div> <div id="filePicker">选择图片</div> </div>
而我的是
<!--dom结构部分--> <div id="uploader-demo"> <label><span id="filePicker">选择图片</span></label> <!--用来存放item--> <div id="fileList" class="uploader-list"></div> </div>
而问题恰恰出现在这个地方
<label><span id="filePicker">选择图片</span></label>因为#filePicker被label元素包围,导致初始化后的按钮没有触发uploader的任何事件,所以附件也就没有上传。
最后把label元素替换成div就可以了,在PC、Android、ios都可以正常上传了
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- js数组实现图片轮播
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- JavaScript 各种遍历方式详解
- 数组方法汇总
- Apple官网研究之使用Justify布局导航