h5_appendFile 图片路径转自定义 base64 格式数据

return: Promise

使用指南

全局使用 (推荐)
  1. //main.js
  2. import Ctpic from '@/common/uni-app-customImg/custom-picture.js'; //文件路径请换成本地路径
  3. Vue.prototype.$Ctpic = new Ctpic(); //挂载到原型上
局部使用
  1. import Ctpic from '@/common/uni-app-customImg/custom-picture.js'; //文件路径请换成本地路径
  2. const ctpic = new Ctpic();
  3. let res=await ctpic.h5_appendFile({
  4. path:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg'
  5. })
  6. console.log(res);

代码演示

1.简单使用
  1. let res = await this.$Ctpic.h5_appendFile({
  2. path: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg',
  3. });
  4. console.log(res);
2.自定义 base64 数据格式
  1. let res = await this.$Ctpic.h5_appendFile({
  2. path: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg',
  3. format:'png'
  4. });
  5. console.log(res);
3.转 base64 并压缩指定百分比
  1. let res = await this.$Ctpic.h5_appendFile({
  2. path: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg',
  3. format:'png',
  4. compress:0.5, //压缩百分之50
  5. });
  6. console.log(res);

h5_appendFile 参数

属性名类型默认值描述兼容
pathString用于加载图片的路径,可以是网络路径,可以是本地路径h5
formatStringpng自定义 base64 数据格式h5
compressNumber1压缩图片百分比,默认不压缩 0-1 之间,值越大越清晰,默认为不压缩h5

h5_appendFil 返回参数

返回值返回值类型描述
base64MIME 字节码一个由图片自定义后的 base64 数据,带完整头部