当前位置:   article > 正文

uniapp获取图片base64_uniapp 网络图片转base64

uniapp 网络图片转base64

小程序是如何把图片转换成base64

从相册中获取图片

  1. uni.chooseImage({
  2. count: 1, // 默认9
  3. sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  4. sourceType: ['album'], // 从相册选择
  5. success: (res) => {
  6. this.img = res.tempFilePaths
  7. }
  8. })

图片转成base64

  1. uni.getFileSystemManager().readFile({
  2. filePath: this.img[0],
  3. encoding: 'base64',
  4. success: r => {
  5. console.log("base64===="+r.data)
  6. },
  7. fail: (errr) => {
  8. uni.hideLoading()
  9. }
  10. })

如果你想填写项目里的图片路径可以用过uni.getImageInfo转化成文件路径

  1. uni.getImageInfo({
  2. src: '../../static/xkm.png',
  3. success: (image) => {
  4. console.log('获取图片成功',image)
  5. },
  6. fail: (err) => {
  7. console.log('获取图片失败',err)
  8. }
  9. );

以上方法不支持h5,h5想转换base64可以使用image-tools

下载image-tools

npm i image-tools --save-dev

引入image-tools

import { pathToBase64, base64ToPath } from 'image-tools'

将图片转换成base64格式

  1. pathToBase64('图片地址').then(base64 => {
  2. console.log("图片=="+base64);
  3. }).catch(error => {
  4. console.error(error)
  5. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/360173
推荐阅读
相关标签
  

闽ICP备14008679号