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

js file 转base64

作者:海枯石烂有多久   发布日期:2026-04-11   浏览:94

// 将 JS 文件转换为 Base64 编码的示例代码

// 使用 FileReader API 读取文件并将其转换为 Base64 编码
function fileToBase64(file) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.readAsDataURL(file); // 读取文件为 Data URL (Base64 编码)
        reader.onload = () => resolve(reader.result);
        reader.onerror = error => reject(error);
    });
}

// 示例:从输入框选择文件并进行转换
document.getElementById('fileInput').addEventListener('change', async function(event) {
    const file = event.target.files[0];
    if (file) {
        try {
            const base64String = await fileToBase64(file);
            console.log(base64String); // 输出 Base64 编码的字符串
        } catch (error) {
            console.error('Error converting file to Base64:', error);
        }
    }
});

解释说明:

  1. fileToBase64 函数:使用 FileReader API 来读取文件并将其转换为 Base64 编码。readAsDataURL 方法会将文件读取为 Data URL,其中包含 Base64 编码的内容。
  2. 事件监听器:当用户通过 <input type="file"> 选择文件时,触发 change 事件,并调用 fileToBase64 函数来处理文件。
  3. 输出结果:最终的 Base64 编码字符串会被打印到控制台。

如果你只需要将文件路径直接转换为 Base64 而不涉及用户选择文件,可以进一步修改代码逻辑。

上一篇:js file转base64

下一篇:js base64转url

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

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

Laravel 中文站