如何在 JavaScript 中将文件转换为 Base64 字符串？

JavaScript 中的文件到 Base64 转换

将文件转换为 Base64 字符串对于各种 Web 应用程序至关重要。在 JavaScript 中，可以使用 FileReader 类来实现此任务。

问题：

用户使用 querySelector 获取了一个 File 对象，并打算通过 JSON 发送它Base64 格式。问题是如何将此文件转换为 Base64 字符串。

解决方案：

要将文件转换为 Base64 字符串，请使用 FileReader 类，如下所示：

function getBase64(file) {
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function () {
     console.log(reader.result); // Base64 string
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file);

在此代码中，getBase64 函数初始化 FileReader 实例并开始将文件作为数据读取网址。读取操作完成后，会调用onload事件处理程序，并将base64字符串打印到控制台。

注意，通过querySelector获取的文件是File对象，是Blob的子类，因此兼容与 FileReader 类。完整的工作示例可供参考。

以上是如何在 JavaScript 中将文件转换为 Base64 字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！