Javascript 从img标记（URL.createObjectURL的相反方法）获取图像数据（blob）
在我的HTML代码中，我有以下IMG标记：Javascript 从img标记（URL.createObjectURL的相反方法）获取图像数据（blob）,javascript,html,image,dom,fileapi,Javascript,Html,Image,Dom,Fileapi,在我的HTML代码中，我有以下IMG标记： <img src="picture.png" id="picture" /> 我想创建具有uri（“picture.png”）的in-image Blob对象（）（以便在FirefoxOS web活动中进一步使用它）。我想我需要的方法与URL.createObjectURL的工作方式相反： 如果您不需要图像的逐字节副本（例如，如果您不介意将jpg转换为png），则可以在上绘制图像，并使用.toBlob（）为其获取blob 如果您需要
<img src="picture.png" id="picture" />
如果您不需要图像的逐字节副本（例如，如果您不介意将jpg转换为png），则可以在
上绘制图像，并使用.toBlob（）
为其获取blob
如果您需要原始数据作为blob，或者如果图像位于不同的原点，那么您可以在处使用代码（对于相同的原点请求，只需使用x.open（'GET'，'picture.png'）；
）。Fetch API现在适用于文档：
简单地说：
fetch("picture.png")
.then(res => res.blob())
.then(blob => {
// use blob...
});
由于CORS策略，这不适用于不同的来源请求