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

js file转base64

作者:◇∞柰旳ゝ僦湜沵   发布日期:2025-06-26   浏览:38

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

// 1. 使用 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);
    });
}

// 2. 示例:从输入框中选择 JS 文件并转换为 Base64
document.getElementById('fileInput').addEventListener('change', async function(event) {
    const file = event.target.files[0];
    if (file) {
        try {
            const base64String = await fileToBase64(file);
            console.log("Base64 字符串:", base64String);
        } catch (error) {
            console.error("文件读取失败:", error);
        }
    }
});

// HTML 部分
// <input type="file" id="fileInput" accept=".js">

解释说明:

  1. fileToBase64 函数:使用 FileReader API 来读取文件,并将其内容转换为 Base64 编码的字符串。readAsDataURL 方法会将文件读取为 Data URL,其中包含 Base64 编码的数据。

  2. 事件监听器:当用户通过 <input type="file"> 选择一个 .js 文件时,触发 change 事件,调用 fileToBase64 函数将文件转换为 Base64 字符串,并在控制台输出结果。

  3. HTML 输入框<input type="file" id="fileInput" accept=".js"> 允许用户选择 .js 文件进行上传。

如果你需要直接将本地文件路径转换为 Base64(例如在 Node.js 环境中),可以使用以下代码:

const fs = require('fs');
const path = require('path');

function fileToBase64Sync(filePath) {
    const fileBuffer = fs.readFileSync(filePath);
    return Buffer.from(fileBuffer).toString('base64');
}

// 示例:将本地 JS 文件转换为 Base64
const jsFilePath = path.join(__dirname, 'example.js');
const base64String = fileToBase64Sync(jsFilePath);
console.log("Base64 字符串:", base64String);

解释说明:

  • Node.js 环境:使用 fs.readFileSync 读取文件内容,然后通过 Buffer 对象将其转换为 Base64 编码的字符串。

上一篇:js 数组shift

下一篇:js base64 中文

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站