js base64转blob
时间: 2023-12-30 17:24:04 浏览: 40
以下是将 base64 字符串转换为 Blob 对象的 JavaScript 代码示例:
```javascript
function base64toBlob(base64, type = 'application/octet-stream') {
const bstr = atob(base64);
let n = bstr.length;
const u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], { type });
}
// 示例用法
const base64Str = '...'; // 待转换的 base64 字符串
const blob = base64toBlob(base64Str, 'image/png');
console.log(blob); // 输出 Blob 对象
```
相关问题
js实现base64转Blob
在 JavaScript 中,可以使用 `atob()` 函数将 base64 编码的字符串转换为二进制数据,然后使用 `Blob()` 构造函数将其转换为 Blob 对象。
```javascript
// base64 转 Blob
function base64ToBlob(base64) {
let binary = atob(base64);
let array = [];
for (let i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
return new Blob([new Uint8Array(array)], { type: "image/png" });
}
```
使用的时候直接调用函数,就能得到一个 Blob 对象了。
```javascript
let base64 = "iVBORw0KGg....";
let blob = base64ToBlob(base64);
```
需要注意,这个例子中使用了 "image/png" 作为 Blob 对象的类型,如果是其他类型的图片需要改成相应的类型。
base64 转blob
要将 Base64 转换为 Blob,你可以使用 JavaScript 中的 `atob` 函数将 Base64 解码为二进制数据,然后创建一个 Blob 对象。以下是示例代码:
```javascript
function base64ToBlob(base64) {
const binaryString = atob(base64);
const len = binaryString.length;
const bytes = new Uint8Array(len);
for (let i = 0; i < len; ++i) {
bytes[i] = binaryString.charCodeAt(i);
}
return new Blob([bytes]);
}
```
你可以将 Base64 字符串作为参数传递给 `base64ToBlob` 函数,它将返回一个 Blob 对象。请注意,这里假设 Base64 字符串的编码是有效的。
希望这可以帮助到你!如果你有任何其他问题,请随时提问。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)