1 //轉換為blob有跨域限制 2 var loadImageToBlob = function (url, callback) { 3 4 if (!url || !callback) return false; 5 var xhr = new XMLHttpRequest(); 6 xhr.open('get', url, true); 7 xhr.responseType = 'blob'; 8 xhr.onload = function () { 9 // 注意這里的this.response 是一個blob對象 就是文件對象 10 callback(this.status == 200 ? this.response : false); 11 } 12 xhr.send(); 13 return true; 14 15 } 16 $("#app-wraper img").each(function () { 17 loadImageToBlob($(this).attr("src"), function (blobFile) { 18 if (!blobFile) return false; 19 var reader = new FileReader(); 20 //將文件以Data URL形式讀入頁面 21 reader.readAsDataURL(blobFile); 22 reader.οnlοad = function (e) { 23 //顯示文件 24 var h = '<img src="' + this.result + '" alt="" />'; 25 $("#result").append(h); 26 } 27 }); 28 });