JS - file onload()不能与android浏览器一起工作
JS - file onload() doesn't work with android browser
我有一个类似于示例http://jsfiddle.net/jonathansampson/K3A9r/的应用程序但是如果我将这个概念用于iPad/android上的文件上传,它就不起作用了。无论使用onload()还是onloadend()都不会将图像加载到浏览器中
html:<input type="file" name="myFileSelect" />
js:
// Bind to the change event of our file input
$("input[name='myFileSelect']").on("change", function(){
// Get a reference to the fileList
var files = !!this.files ? this.files : [];
// If no files were selected, or no FileReader support, return
if ( !files.length || !window.FileReader ) return;
// Only proceed if the selected file is an image
if ( /^image/.test( files[0].type ) ) {
// Create a new instance of the FileReader
var reader = new FileReader();
// Read the local file as a DataURL
reader.readAsDataURL( files[0] );
// When loaded, set image data as background of page
reader.onloadend = function(){
$("html").css("background-image", "url(" + this.result + ")");
}
}
});
我不认为onloadend事件在android或ios中得到很好的支持。我想ie10也不支持FileReader上的这个事件。也许你应该依靠onload事件来代替。
文件。API工作于android浏览器3.0+或android设备上的firefox用户
http://mobilehtml5.org/相关文章:
- 向Android浏览器添加JavaScript
- Android浏览器设置元素大小太小
- 在Android浏览器中将图像渲染为数据流
- JavaScript 和 NPAPI 使用相同的方法名称,但在 Android 浏览器上获得不同的标识符
- Jquery.Load不适用于android浏览器,但适用于同一设备上的Firefox移动浏览器
- 是否有适用于iOS和Android浏览器的性能指南
- 无法在 Android 4 浏览器中设置 HTML5 <音频>音量
- Android 浏览器 .click() 不起作用 javascript
- 如何确定网站是在 iPhone/Android 浏览器上打开的,还是从 iPhone/Android 应用程序网页视图打
- HTML5 音频元素 - 某些 Android 浏览器错误报告的曲目长度
- 检测网站是在应用的 Android 浏览器还是网页视图中运行
- 在Cordova项目中检查原生Android浏览器中的WebSocket支持
- Android浏览器的screen.width,screen.height和window.innerWidth和wind
- 登录表单自动填充,在iframe中,在Android浏览器中不起作用
- 为什么innerHTML在Android浏览器中返回未定义
- Javascript prompt() 在 Android 浏览器中有暗淡(微弱)的提示消息
- 角度:无法调用未定义的Android浏览器的方法“替换”
- Android 浏览器触摸事件停止显示正在更新,包括画布/元素 - 如何变通
- 在 Android 浏览器中运行的页面在 Web View 中不起作用
- 基于Webview的Android浏览器应用程序中的哪些错误