uniapp将图片转换为base64的方法

最新推荐文章于 2024-04-04 17:43:14 发布

居然鼬个高手

最新推荐文章于 2024-04-04 17:43:14 发布

阅读量4.5k

点赞数 3

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/ny1007/article/details/127409320

版权

// 图片转base64方法
imgToBase64(url, callback) {
  // #ifdef MP-WEIXIN

  uni.getFileSystemManager().readFile({
    filePath: url, //选择图片返回的相对路径
    encoding: 'base64', //编码格式
    success: res => { //成功的回调
      console.log(res, '返回结果');
      let base64 = 'data:image/jpeg;base64,' + res.data //不加上这串字符，在页面无法显示的哦
      callback && callback(base64)
    },
    fail: (e) => {
      console.log("图片转换失败");
    }
  })

  // #endif

  // #ifdef H5

  uni.request({
    url: url,
    method: 'GET',
    responseType: 'arraybuffer',
    success: res => {
      if (res.header['content-length'] > 450 * 1024) {
        return uni.showToast({
          title: '图片大小不能超过450k',
          icon: 'none'
        })
      }
      let base64 = uni.arrayBufferToBase64(res.data); //把arraybuffer转成base64
      base64 = 'data:image/jpeg;base64,' + base64;
      callback && callback(base64)
    },
    fail: (e) => {
      console.log("图片转换失败");
    }
  })

  // #endif

  // #ifdef APP-PLUS

  plus.io.resolveLocalFileSystemURL(url, (entry) => {
    entry.file((file) => {
      let fileReader = new plus.io.FileReader();
      if (file.size > 450 * 1024) {
        return uni.showToast({
          title: '图片大小不能超过450k',
          icon: 'none'
        })
      }
      fileReader.onloadend = (e) => {
        callback && callback(e.target.result)
      };
      fileReader.readAsDataURL(file);
    })
  })
  // #endif
}