亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在腳本中將文件正確上傳為 base64

如何在腳本中將文件正確上傳為 base64

桃花長相依 2022-09-29 16:11:02
我試圖在javascript中上傳文件作為base64,但它拋出了錯誤。TypeError: FileReader.readAsDataURL: Argument 1 does not implement interface Blob.這是代碼  <input id="file" type="file"/>  <button id="button">upload</button>document.getElementById('button').addEventListener('click', function() {  var files = document.getElementById('file').files;  var reader = new FileReader();   reader.readAsDataURL(files);   reader.onload = function () {     console.log(reader.result);    alert('my file: ' +reader.result);   };   reader.onerror = function (error) {     console.log('Error: ', error);   }});
查看完整描述

1 回答

?
蝴蝶刀刀

TA貢獻1801條經驗 獲得超8個贊

const toBase64 = file => new Promise((resolve, reject) => {

    const reader = new FileReader();

    reader.readAsDataURL(file);

    reader.onload = () => resolve(reader.result);

    reader.onerror = error => reject(error);

});


async function Main() {

   const file = document.querySelector('#myfile').files[0];

   console.log(await toBase64(file));

}


Main();


查看完整回答
反對 回復 2022-09-29
  • 1 回答
  • 0 關注
  • 93 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號