2

我有一个类似于示例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 + ")");

    }

   }

});
4

2 回答 2

0

我不相信 onloadend 事件在 android 或 ios 中得到很好的支持。我认为 IE 10 也不支持 FileReader 上的此事件。也许您应该改用 onload 事件。

于 2013-05-13T01:17:16.553 回答
0

File.API 适用于 android 浏览器 3.0+ 或 android 设备上的用户 firefox

http://mobilehtml5.org/

于 2013-05-13T09:13:07.707 回答