uniapp将图片url转换成base64支持app和h5

uniapp将图片url转换成base64支持app和h5

imageToBase64支持app和h5,

app内使用plus.io.resolveLocalFileSystemURL方法转换

h5内使用uni.request方法转换

js 复制代码
// 图片转base64
export const imageToBase64 = (path) => {
  // #ifdef APP-PLUS
  return new Promise((resolve, reject) => {
    plus.io.resolveLocalFileSystemURL(path, function(entry) {
      entry.file(function(file) {
        var fileReader = new plus.io.FileReader();
        fileReader.readAsDataURL(file);
        fileReader.onloadend = function(evt) {
          resolve(evt.target.result);
        }
      })
    })
  })
  // #endif

  // #ifdef H5
  return new Promise((resolve, reject) => {
    uni.request({
      url: path,
      method: 'GET',
      responseType: 'arraybuffer',
      success: res => {
        let base64 = uni.arrayBufferToBase64(res.data); //把arraybuffer转成base64
        base64 = 'data:image/jpeg;base64,' + base64
        resolve(base64)
      },
      fail: err => {
        reject(err)
      }
    })
  })
  // #endif
}
相关推荐
2501_916007472 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
Можно4 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app
woshinon13 小时前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app
蜡台14 小时前
Uniapp H5Builderx 预览Html 显示404问题解决
前端·uni-app
Можно15 小时前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
2501_9151063215 小时前
iOS 多技术栈混淆实现,跨平台 App 混淆拆解与组合
android·ios·小程序·https·uni-app·iphone·webview
爱看老照片15 小时前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
huycheaven16 小时前
uniapp-x生成App条形码和二维码
uni-app·二维码·条形码
00后程序员张16 小时前
有些卡顿不是 CPU 的问题,还要排查磁盘 I/O
android·ios·小程序·https·uni-app·iphone·webview
Aftery的博客16 小时前
HBulider项目打包上传到App Store需要的证书和私钥文件
uni-app·cocoapods