h5_appendFile 图片路径转自定义 base64 格式数据
return: Promise
使用指南
全局使用 (推荐)
//main.js
import Ctpic from '@/common/uni-app-customImg/custom-picture.js'; //文件路径请换成本地路径
Vue.prototype.$Ctpic = new Ctpic(); //挂载到原型上
局部使用
import Ctpic from '@/common/uni-app-customImg/custom-picture.js'; //文件路径请换成本地路径
const ctpic = new Ctpic();
let res=await ctpic.h5_appendFile({
path:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg'
})
console.log(res);
代码演示
1.简单使用
let res = await this.$Ctpic.h5_appendFile({
path: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg',
});
console.log(res);
2.自定义 base64 数据格式
let res = await this.$Ctpic.h5_appendFile({
path: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg',
format:'png'
});
console.log(res);
3.转 base64 并压缩指定百分比
let res = await this.$Ctpic.h5_appendFile({
path: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2919384842,1326281698&fm=11&gp=0.jpg',
format:'png',
compress:0.5, //压缩百分之50
});
console.log(res);
h5_appendFile 参数
属性名 | 类型 | 默认值 | 描述 | 兼容 |
---|
path | String | | 用于加载图片的路径,可以是网络路径,可以是本地路径 | h5 |
format | String | png | 自定义 base64 数据格式 | h5 |
compress | Number | 1 | 压缩图片百分比,默认不压缩 0-1 之间,值越大越清晰,默认为不压缩 | h5 |
h5_appendFil 返回参数
返回值 | 返回值类型 | 描述 |
---|
base64 | MIME 字节码 | 一个由图片自定义后的 base64 数据,带完整头部 |