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

uniapp中根据图片路径(网络或本地路径)转换为base64

uniapp中根据图片路径(网络或本地路径)转换为base64

/**
 * 图片地址转换为base64格式图片
 * @param {string} url 图片地址 可网络地址、本地相对路径
 * @param {string} type base64图片类型 默认png
 */
function urlToBase64(url, type = 'png') {
  let promises

  // 网络地址 或者h5端本地相对路径 可使用request方式
  promises = new Promise((resolve, reject) => {
    uni.request({
      url: url,
      method: 'GET',
      responseType: 'arraybuffer',
      success: (res) => {
        const base64 = `data:image/${type};base64,${uni.arrayBufferToBase64(res.data)}`
        resolve(base64);
      },
      fail: (err) => {
        reject(err);
      },
    })
  })

  // #ifdef APP
  if (!url.startsWith('http')) {
    // app真机本地相对路径
    promises = new Promise((resolve, reject) => {
      uni.compressImage({
        src: url,
        quality: 100, // 图片质量压缩0~100,100表示图片质量保持原样
        success: (res) => {
          const tempUrl = res.tempFilePath // 使用compressImage获取到安卓本地路径file:///...
          plus.io.resolveLocalFileSystemURL(tempUrl, (entry) => {
            entry.file((e) => {
              let fileReader = new plus.io.FileReader();
              fileReader.onload = (r) => {
                resolve(r.target.result)
              }
              fileReader.readAsDataURL(e)
            })
          })
        },
        fail: (err) => {
          reject(err);
        },
      })
    })
  }
  // #endif

  return promises
}

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

相关文章:

  • 使用OpenFeign实现HTTP调用的最简单案例
  • MacOS下,如何在Safari浏览器中打开或关闭页面中的图片文字翻译功能
  • 排序排序的概念及其运用和选择排序
  • 【Pip】如何清理 `pip` 包管理器 —— 完整指南
  • 一文详细深入总结服务器选型
  • lua-lru缓存算法解析
  • 数据结构(C语言)代码实现(八)——顺序栈实现数值转换行编辑程序汉诺塔
  • 深度学习(生成式模型)—— Consistency Models
  • 2.5作业
  • 51单片机精进之路-1点亮led灯
  • c#通过反射完成对象自动映射
  • 《Git 简易速速上手小册》第10章:未来趋势与扩展阅读(2024 最新版)
  • 【Unity】QFramework通用背包系统优化:TipPanel优化
  • 服务器与电脑的区别?
  • 座位预约|座位预约小程序|基于微信小程序的图书馆自习室座位预约管理系统设计与实现(源码+数据库+文档)
  • linux centos安装LibreOffice
  • IS-IS P2P网路类型 地址不在同一子网建立邻居关系
  • 踩坑实录(Third Day)
  • mysql:事务的特性ACID、并发事务(脏读、不可重复读、幻读、如何解决、隔离级别)、undo log和redo log的区别、相关面试题和答案
  • [嵌入式AI从0开始到入土]5_炼丹炉的搭建(基于wsl2_Ubuntu22.04)
  • 今日arXiv最热NLP大模型论文:无需数据集,大模型可通过强化学习与实体环境高效对齐 | ICLR2024
  • 创建一个Vue项目(含npm install卡住不动的解决)
  • 宽字节注入漏洞原理以及修复方法
  • 【Java万花筒】架构未来:Java ME与物联网的无缝融合
  • 电力负荷预测 | 基于GRU门控循环单元的深度学习电力负荷预测,含预测未来(Python)
  • 版本控制工具——Git