js 图片路径转blob
时间: 2023-11-08 09:54:17 浏览: 105
js实现把图片的绝对路径转为base64字符串、blob对象再上传
您好!感谢您使用ChitGPT进行对话。关于您的问题,可以使用JavaScript中的FileReader对象将图片转化为Blob对象,并使用URL.createObjectURL方法生成Blob URL。具体代码如下:
```
function convertFileToBlob(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onloadend = () => {
const blob = new Blob([reader.result], { type: file.type });
resolve(blob);
};
reader.onerror = reject;
});
}
function convertImageToBlobUrl(imageUrl) {
return fetch(imageUrl)
.then((response) => response.blob())
.then((blob) => URL.createObjectURL(blob))
.catch(console.error);
}
const imagePath = "https://www.example.com/image.png";
convertImageToBlobUrl(imagePath).then((blobUrl) => console.log(blobUrl));
```
这段代码可以将远程图片转化为Blob URL。希望这能回答您的问题。
阅读全文