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()); } },