上傳檔案Base64格式(React)

yezi-dream發表於2018-12-08

     記錄一下上傳檔案時將檔案資料轉為Base64的方法

     通過 FileReader物件建立一個例項,然後使用 readAsDataURL方法將資料轉為Base64格式

     注意: 讀取過程是非同步的

     繫結onload事件,該事件在資料讀取完成後觸發

     具體程式碼(react專案中):

         const reader = new window.FileReader();

         reader.readAsDataURL(fileObject);

         reader.onload = () => {

            Base64Data = reader.result;  // reader.result 就是轉成base64的資料

         };

 

      FileReader物件的更多資訊:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader

 

相關文章