请问如何在JavaScript中将文件转换为base 64？

Question

如何在JavaScript中将文件转换为base 64？

现在，我将通过以下一行获得File对象：

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

我需要通过64基地的json发送这个文件。如何将其转换为Base 64字符串？

Answer 1

如果您正在寻找一种基于承诺的解决方案，这是@Dmitri的代码，用于此：function getBase64(file) {   return new Promise((resolve, reject) => {     const reader = new FileReader();     reader.readAsDataURL(file);     reader.onload = () => resolve(reader.result);     reader.onerror = error => reject(error);   });}var file = document.querySelector('#files > input[type="file"]').files[0];getBase64(file).then(   data => console.log(data));

Answer 2

在Dmitri Pavlutin和joShua.pling答案的基础上，这里提供了一个扩展版本，它提取base 64内容(在开始时删除元数据)，并确保填充是正确的.function getBase64(file) {   return new Promise((resolve, reject) => {     const reader = new FileReader();     reader.readAsDataURL(file);     reader.onload = () => {       let encoded = reader.result.replace(/^data:(.*;base64,)?/, '');       if ((encoded.length % 4) > 0) {         encoded += '='.repeat(4 - (encoded.length % 4));       }       resolve(encoded);     };     reader.onerror = error => reject(error);   });}