如何在 JavaScript 中将文件转换为 Base64 编码？

使用 JavaScript 将文件转换为 Base64

要通过 Base64 格式的 JSON 发送文件，请按照以下步骤操作：

1. 获取文件对象：

   • 利用 document.querySelector() 选择文件输入元素。
   • 从索引 0 处的 files 数组中检索文件对象。

2. 使用转换为 Base64 FileReader:

   • 创建一个 FileReader 对象。
   • 在 FileReader 对象上调用 readAsDataURL，将文件对象作为参数传递。

   • 中onload 事件处理程序：

     • base64 字符串可用于reader.result.
3. 示例代码：

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

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

请注意，File 对象可以是与 FileReader 一起使用，因为它是 Blob 的子类。

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