taro 圖片上傳 轉爲 base64

好久沒更新csdn了,抖擻抖擻精神,堅持更新taro學習之路踩過的坑。。。。

最近使用taro開發多端小程序,前後端數據交互,踩了很多坑,因爲taro比較新,所以很多問題點很難從網上搜索到解決方案,

now,記錄下來,分享給有需要的朋友。

切入正題:

圖片最初想法就是轉爲base64交給後端處理,但是細看文檔  決定使用uploadFile上傳到第三方雲圖片服務器,遇到各種各樣問題,沒能成功,靜下心來,檢出初衷,轉base64,後端去處理,代碼如下

  //圖片轉化爲base64
  imgOnChange (files) {
    this.setState({
      files
    })
    Taro.request({
      url:files[0].url,
      responseType: 'arraybuffer', //最關鍵的參數,設置返回的數據格式爲arraybuffer
      success:res=>{
	    //把arraybuffer轉成base64
        let base64 = Taro.arrayBufferToBase64(res.data); 
        //不加上這串字符,在無法顯示
        base64 = 'data:image/jpeg;base64,' + base64 
        //查看base64字符串,也可到網頁校驗一下是否能還原爲你的圖片
        console.log(base64) 
      }
    })

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章