js base64转图片路径
时间: 2023-08-20 17:07:49 浏览: 405
Base64转图片
5星 · 资源好评率100%
在 JavaScript 中,你可以将 Base64 字符串转换为图片路径,然后将其赋值给 `img` 标签的 `src` 属性。下面是一个示例代码:
```javascript
function base64ToImageSrc(base64String) {
// 创建一个 Blob 对象
var blob = b64toBlob(base64String);
// 创建一个 Object URL
var objectURL = URL.createObjectURL(blob);
// 返回图片路径
return objectURL;
}
function b64toBlob(base64String) {
// 将 Base64 字符串转换为二进制数据
var byteCharacters = atob(base64String);
var byteArrays = [];
for (var i = 0; i < byteCharacters.length; i++) {
byteArrays.push(byteCharacters.charCodeAt(i));
}
var byteArray = new Uint8Array(byteArrays);
// 创建 Blob 对象
var blob = new Blob([byteArray], { type: 'image/png' }); // 这里设置图片类型,可以根据实际情况修改
return blob;
}
```
使用这些函数,你可以将 Base64 字符串转换为图片路径,然后将其赋值给 `img` 标签的 `src` 属性:
```javascript
var base64String = "data:image/png;base64,iVBORw0..."; // Base64 字符串
var imageSrc = base64ToImageSrc(base64String); // 转换为图片路径
// 将图片路径赋值给 img 标签的 src 属性
document.getElementById("myImage").src = imageSrc;
```
请确保将 `base64String` 替换为你实际的 Base64 字符串,并将 `myImage` 替换为你要显示图片的 img 标签的 id。
希望对你有所帮助!如有其他问题,请随时提问。
阅读全文