js如何获取图⽚url的Blob值并预览⽰例代码
前⾔
Blob 对象表⽰⼀个不可变、原始数据的类⽂件对象。Blob 表⽰的不⼀定是JavaScript原⽣格式的数据。File 接⼝基于Blob，继承了 blob 的功能并将其扩展使其⽀持⽤户系统上的⽂件。
本⽂主要给⼤家介绍了关于js获取图⽚url的Blob值并预览的相关内容，下⾯话不多说了，来⼀起看看详细的介绍吧
⽅法如下
1）使⽤ XMLHttpRequest 对象获取图⽚url的Blob值
//获取图⽚的Blob值
function getImageBlob(url, cb) {
var xhr  = new XMLHttpRequest();
canvas动画xhr.open("get", url, true);
if (this.status == 200) {
if(cb) sponse);
}
};
xhr.send();
}
注意这⾥的XMLHttpRequest必须使⽤异步模式，同步模式不能设置responseType = "blob"
2）使⽤ FileReader 对象获取图⽚ Blob 对象的 data 数据
function preView(url){
let reader = new FileReader();
getImageBlob( url , function(blob){
});
var img = ateElement("img");
img.src = sult;
document.body.appendChild(img);
}
}
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值，如果有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。