plupload自动生成input控件选择按钮,ios手机却无法选择
2016-12-20 15:18
232 查看
网上有很多关于plupload这个插件的详解知识,我今天不讲它的参数、属性或者方法这些,因为http://chaping.github.io/plupload/doc/此链接完全详细描述,其他的可以自己搜索有关文章。
我使用plupload这个控件,只因为我需要做一个上传视频、资料或者照片到OSS(阿里云存储)的前端效果。在OSS的文档中有一个自己的事例,[/code] 页面显示如图:
点击选择文件按钮,就会弹出选择文件的相册,点击开始上传,即开始上传。
我就在这个效果的基础上,编写了我自己的程序。一开始没有出现bug,也没有修改过代码,几天后发现出现问题,安卓手机可以点击图标,出现相册弹出框进行选择,但是ios手机却怎么点击都没有效果。这让我一脸蒙,明明没有改动代码,怎么前几天还没出现问题,现在苹果手机却点击无响应呢?
我一开始以为是我的javascript代码有问题,就从头console.log()、debug。但是控制台却没有出现错误。在经历了时间的消逝后,我改变了一下思路。也许我的js代码就没有出现问题。我开始从样式入手,最后发现,plupload这个插件有一个属性browse_button,它的作用是触发文件选择对话框的DOM元素,当点击该元素后便后弹出文件选择对话框,该值可以是DOM元素对象本身,也可以是该DOM元素的id。但实际上plupload是自动生成一个上传file的input,即:
<div style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden;">
<input type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" >
</div>
所以在样式调整上,不同的手机因为分辨率不同,点击我们自己设置的上传按钮,没有与input按钮重合,尤其苹果手机明显,所以就没有触发事件。只需要加一句
function functionTimeout(){
uploader.refresh();
}
window.setTimeout("functionTimeout();",1000);
即可解决问题。
相关文章推荐
- 通过按钮控件实现MDI新建子窗口(MFC自动生成的视图、文档、子框架共用)
- 手机上的选择按钮input:checked
- 在工具栏(ToolBar)上添加ComboBox控件,为何每次在下拉列表中选择时,都会自动的选中工具栏上的一个按钮?
- iOS 分段选择控件 开关按钮 滑杆
- iOS进阶之xib上控件自动生成纯代码
- .NET----使用母版页后,控件名称自动生成导致js无法正常操作.net控件的问题
- IOS开发OC 如何将导航栏左侧系统自动生成的返回按钮的文字去掉,只保留小于号"<"图案
- 使用母版页后,控件名称自动生成导致js无法正常操作.net控件的问题
- asp.net 点击一个按钮弹出对话框选择文件然后选择文件完成之后就自动上传文件 input(file)
- .NET----使用母版页后,控件名称自动生成导致js无法正常操作.net控件的问题
- ios手机 按钮点击事件没反应(这个按钮是js生成的)
- FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图的方法
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图(转)
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
- [转]使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
- 自动生成数据库连接配置文件的工具(调用VS2005数据源选择对话框)
- Linux手机DIY.Shell应用扩展二.自动生成播放列表(E680系列)
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图