如何使用js将表单选中的文件转化为Base64编码格式

Jin原创2022年8月10日
小于 1 分钟约 252 字

使用Promise封装一个一个方法,将File 对象转化为Base64编码格式。

const fileToBase64 = (file) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function () {
      resolve(reader.result);
    };
    reader.onerror = function (error) {
      reject(error);
    }
  });
}

使用

<input type="file" multiple id="input">
const selectedFile = document.getElementById('input');
selectedFile.addEventListener("change", async function () {
  for (let i = 0; i < this.files.length; i++) {
    const file = this.files[i];
    // console.log(fileList);
    // 将文件转换为base64格式
    const base64 = await fileToBase64(file);
    console.log(base64);
  }
});