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

js base64转文件

作者:﹏丶夜,深了   发布日期:2026-02-03   浏览:17

// 将Base64字符串转换为文件对象的示例代码

function base64ToFile(base64String, filename, mimeType) {
    // 去掉Base64字符串前面的"data:类型/编码;base64,"部分
    const base64Data = base64String.split(',')[1];

    // 将Base64字符串解码为二进制数据
    const byteString = atob(base64Data);

    // 创建一个字节数组
    const arrayBuffer = new ArrayBuffer(byteString.length);
    const uint8Array = new Uint8Array(arrayBuffer);

    // 将每个字符的ASCII值放入字节数组中
    for (let i = 0; i < byteString.length; i++) {
        uint8Array[i] = byteString.charCodeAt(i);
    }

    // 使用Blob构造函数创建一个Blob对象
    const blob = new Blob([uint8Array], { type: mimeType });

    // 使用File构造函数创建一个文件对象
    const file = new File([blob], filename, { type: mimeType });

    return file;
}

// 示例用法
const base64String = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...'; // 这里是你的Base64字符串
const filename = 'example.png';
const mimeType = 'image/png';

const file = base64ToFile(base64String, filename, mimeType);
console.log(file); // 输出文件对象

这段代码展示了如何将Base64编码的字符串转换为文件对象。具体步骤如下:

  1. 去掉Base64字符串中的前缀(如data:image/png;base64,)。
  2. 使用atob函数将Base64字符串解码为二进制数据。
  3. 将二进制数据转换为字节数组。
  4. 使用Blob构造函数创建一个Blob对象。
  5. 使用File构造函数创建一个文件对象。

你可以根据需要修改base64StringfilenamemimeType来处理不同的Base64编码文件。

上一篇:js img转base64

下一篇:js base64 中文

大家都在看

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 数组对象合并

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

Laravel 中文站