// 将 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">
fileToBase64
函数:使用 FileReader
API 来读取文件,并将其内容转换为 Base64 编码的字符串。readAsDataURL
方法会将文件读取为 Data URL,其中包含 Base64 编码的数据。
事件监听器:当用户通过 <input type="file">
选择一个 .js
文件时,触发 change
事件,调用 fileToBase64
函数将文件转换为 Base64 字符串,并在控制台输出结果。
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);
fs.readFileSync
读取文件内容,然后通过 Buffer
对象将其转换为 Base64 编码的字符串。上一篇:js 数组shift
下一篇:js base64 中文
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站