Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js base64转url

作者:▍看女人酒醒的疯癫。   发布日期:2025-07-02   浏览:91

// 将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);

解释说明:

  1. base64ToUrl 函数:这个函数接收一个Base64编码的字符串,并将其转换为一个可以用于浏览器中的URL。
  2. Blob 对象Blob对象表示不可变的、原始数据的类文件对象。这里的类型设置为image/png,假设传入的是PNG格式的图片。
  3. URL.createObjectURL 方法:该方法创建一个指向Blob对象的URL,可以在页面中直接使用,例如作为<img>标签的src属性。
  4. atob 函数:将Base64编码的字符串解码为二进制字符串。注意,这里假设传入的Base64字符串是以data:image/png;base64,开头的完整Base64字符串。

请注意,上述代码中的Base64字符串部分是省略的,实际使用时需要替换为完整的Base64字符串。

上一篇:js file转base64

下一篇:js base64 中文

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站