JS 圖片轉blob 轉base64


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM