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;
快捷登陆
近期评论