JS 图片转blob 转base64

最新推荐文章于 2024-07-26 22:12:20 发布

weixin_30685029

最新推荐文章于 2024-07-26 22:12:20 发布

阅读量1.8k

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/MollyHan/p/11395354.html

版权

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