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) 
      }
    })

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页