blob:http://localhost:3000/408866ee-1655-4e06-ae7a-fe1302cd38e8这种图片地址,如何转换成base64格式
时间: 2024-11-24 20:42:16 浏览: 25
Blob URL(也称为数据URL)是一种特殊的URI,用于直接引用浏览器内的BLOB对象或ArrayBuffer的内容,而不是从服务器获取。像`blob:http://localhost:3000/408866ee-1655-4e06-ae7a-fe1302cd38e8`这样的URL通常代表的是本地存储的二进制数据。
将Blob URL转换成Base64格式,你需要先读取这个URL所指向的数据,然后将其编码为Base64字符串。这需要JavaScript操作,具体步骤如下:
```javascript
function blobToBase64(blobUrl) {
// 创建一个fetch请求获取Blob内容
return fetch(blobUrl)
.then(response => response.blob())
.then(blob => {
// 使用FileReader API将Blob转为ArrayBuffer
return new FileReader().readAsDataURL(blob);
})
.then(dataUrl => dataUrl.split(',')[1]); // 获取Base64字符串,去掉前半部分"data:image/"
}
// 调用函数并处理返回的Base64字符串
const base64String = blobToBase64('blob:http://localhost:3000/408866ee-1655-4e06-ae7a-fe1302cd38e8');
```
阅读全文