当前位置: 首页 > article >正文

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

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

imageToBase64支持app和h5,

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

h5内使用uni.request方法转换



// 图片转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
}

http://www.kler.cn/a/403919.html

相关文章:

  • uniapp input限制输入负数,以及保留小数点两位.
  • python小课堂(一)
  • 使用最小花费爬楼梯(DP)
  • Centos 8, add repo
  • tcp/ip异常断开调试笔记——lwip
  • Spark RDD(弹性分布式数据集)的深度理解
  • Django项目 | 实现用户注册和登录时的手机号验证
  • OBOO鸥柏28.6寸液晶广告屏:创新技术引领智能显示新时代
  • Fibonacci数列(斐波那契数列或兔子数列)
  • 算法设计与分析-上机实验10
  • 鸿蒙网络编程系列50-仓颉版TCP回声服务器示例
  • unity li2cpp逆向原理是什么?
  • 多路归并+set去重
  • C++详细笔记(六)string库
  • PHP实现双向队列
  • C++结构型设计模式之适配器模式概述
  • HTML和CSS 表单、表格练习
  • es写入磁盘的过程以及相关优化
  • 极简AI工具箱网站开源啦!
  • vue3+elementui-plus el-dialog全局配置点击空白处不关闭弹窗
  • iOS屏幕共享技术实践
  • 【K8S问题系列 | 16】如何有效地监控资源使用情况并设置告警?
  • PAT甲级 1080 Graduate Admission(30)
  • 计算机网络-Python通信
  • 什么是Git,有什么特点
  • 51c自动驾驶~合集30