JavaScript-如何将上传文件转换为Base64?FileReader

可能你会需要将上传文件转换为Base64或者将文件转换base64;但是如何将不同文件类型转换base64这就有点麻烦了,按照Base64的格式,你需要知晓不同文件的Mimetype;但是这一切完全可以使用FileReader快速的转换;

window.onload=function(){
  let file_dom = document.getElementById("file");
  file_dom.onchange=function(e){
    console.log(file_dom.files);
    var reader = new FileReader();
    reader.readAsDataURL(file_dom.files[0]);
    reader.onload=function(){
      console.log(reader.result);
    }
  }
}

id:file便是input元素,其中file_dom.files获取到的是文件列表:

>FileList {0: File, length: 1}
    >0: File {name: 'testa.txt', lastModified: 1655223069683, lastModifiedDate: Wed Jun 15 2022 00:11:09 GMT+0800 (中国标准时间), webkitRelativePath: '', size: 2, …}
length: 1
    >[[Prototype]]: FileList

然后onload FileReader,将文件内容通过readAsDataURL转换为base64;