javascript - 如何在 JavaScript 中将文件转换为 base64？

Question

UPD 答案中也提供了 TypeScript 版本

现在我通过这一行获取文件对象:

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

我需要通过 base 64 中的 json 发送此文件。我应该如何将其转换为 base64 字符串？

Answer 1

尝试使用 FileReader 解决方案 class :

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

注意 .files[0] 是一个 File 类型，它是 Blob 的子类。因此它可以与 FileReader 一起使用。
查看完整的工作 example .