plupload 上传预览 Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'

plupload 上传图片预览,想着在FileAdded中做上传图片预览,代码如下。没想到readAsDataURL报错了。

FilesAdded: function(up, files) {
	// 图片预览
	for(var i = 0; i < files.length; i++){
        var readIcon = new FileReader();
        readIcon.onload = function(e) {
           // 读成功,可预览
           console.log(e.target.result);
        };
        readIcon.onerror = function(e){
           alert('图片上传失败,请检查。');
        }
        readIcon.readAsDataURL(files[i].getSource());
    
    }
},

  

解决方法:读取原生对象

FilesAdded: function(up, files) {
	// 图片预览
	for(var i = 0; i < files.length; i++){
        var readIcon = new FileReader();
        readIcon.onload = function(e) {
           // 读成功,可预览
           console.log(e.target.result);
        };
        readIcon.onerror = function(e){
           alert('图片上传失败,请检查。');
        }
        readIcon.readAsDataURL(files[i].getNative());
    
    }
},

  

猜你喜欢

转载自www.cnblogs.com/huyuting/p/12714763.html