ES5 图片转换为blob
时间: 2024-06-09 18:06:01 浏览: 144
在 ES5 中,可以使用以下步骤将图片转换为 blob 对象:
1. 创建一个 XMLHttpRequest 对象
2. 使用 XMLHttpRequest 对象的 open() 方法打开图片文件
3. 设置 XMLHttpRequest 对象的 responseType 属性为 'blob'
4. 使用 XMLHttpRequest 对象的 send() 方法发送请求
5. 在 XMLHttpRequest 对象的 onload 事件中获取 blob 对象
下面是一个示例代码:
```javascript
function imgToBlob(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = function() {
if (xhr.status === 200) {
callback(xhr.response);
}
};
xhr.send();
}
// 调用示例
imgToBlob('http://example.com/image.jpg', function(blob) {
console.log(blob);
});
```
阅读全文