前端js上傳文件轉base64

在開發react中涉及一些圖標，圖片上傳的時候，後端的同志爲了”自己在數據庫存儲方便“，讓我前端傳base64給他們（這裏👎一下），胳膊擰不過大腿啊，那就轉唄。介紹一個好使用的插件react-file-reader

上代碼：

1.安裝插件  

npm install react-file-reader --save

 2.代碼引入

import ReactFileReader from "react-file-reader";

3.寫頁面方法

<ReactFileReader  
              fileTypes={[".png",".jpg",".gif", "jpeg"]}
              base64
              multipleFiles={!1}
              handleFiles={this.handleFiles}>
              <Button>
                <Icon type="upload" /> 選擇文件
              </Button>
 </ReactFileReader>

// 獲取上傳的圖片的base64地址
  handleFiles = (files) => {
    console.log(files.base64);
  }

插件來源：https://www.npmjs.com/package/react-file-reader