// 将Base64字符串转换为URL
function base64ToUrl(base64) {
// 创建一个Blob对象,类型为image/png(假设是图片)
const blob = new Blob([base64], { type: "image/png" });
// 使用URL.createObjectURL方法创建一个指向Blob对象的URL
const url = URL.createObjectURL(blob);
return url;
}
// 示例:假设我们有一个Base64编码的图片字符串
const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA..."; // Base64字符串部分省略
// 调用函数并输出结果
const imageUrl = base64ToUrl(atob(base64Image.split(",")[1]));
console.log(imageUrl);
base64ToUrl
函数:这个函数接收一个Base64编码的字符串,并将其转换为一个可以用于浏览器中的URL。Blob
对象:Blob
对象表示不可变的、原始数据的类文件对象。这里的类型设置为image/png
,假设传入的是PNG格式的图片。URL.createObjectURL
方法:该方法创建一个指向Blob
对象的URL,可以在页面中直接使用,例如作为<img>
标签的src
属性。atob
函数:将Base64编码的字符串解码为二进制字符串。注意,这里假设传入的Base64字符串是以data:image/png;base64,
开头的完整Base64字符串。请注意,上述代码中的Base64字符串部分是省略的,实际使用时需要替换为完整的Base64字符串。
上一篇:js file转base64
下一篇:js base64 中文
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站