谷歌浏览器base64解码
时间: 2023-08-20 22:06:27 浏览: 712
在谷歌浏览器中,对于使用base64编码的图片进行解码的方法是直接使用`atob()`函数。`atob()`函数可以将base64编码的字符串解码为原始的二进制数据。然后,你可以将解码后的二进制数据转换为Blob对象,再通过URL.createObjectURL()方法生成一个可用于显示的URL。以下是一个示例代码:
```javascript
// 假设base64编码的图片数据为base64Data
var binaryData = atob(base64Data);
var arrayBuffer = new ArrayBuffer(binaryData.length);
var uint8Array = new Uint8Array(arrayBuffer);
for (var i = 0; i < binaryData.length; i++) {
uint8Array\[i\] = binaryData.charCodeAt(i);
}
var blob = new Blob(\[uint8Array\], { type: 'image/jpeg' });
var imageUrl = URL.createObjectURL(blob);
// 然后你可以将imageUrl赋值给img标签的src属性,以显示解码后的图片
```
请注意,上述代码中的`base64Data`是一个占位符,你需要将其替换为实际的base64编码的图片数据。
#### 引用[.reference_title]
- *1* *3* [文件上传/下载的流程--->服务端用的是servlet、文件名是中文乱码问题、 BASE64 编解码操作](https://blog.csdn.net/aa35434/article/details/123201641)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [浏览器或者““/>把Base64码转换成图片](https://blog.csdn.net/hkl_Forever/article/details/131568956)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)