h5_URLtoBlob 浏览器端 base64 转自定义名称 File 对象
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 FilePath=await ctpic.h5_URLtoBlob({
base64:base64, //base64数据,需要自己填写,此次base64为演示。
filename:'我是hhyang'
});
console.log(FilePath);
代码演示
1.简单使用
let FilePath=await this.$Ctpic.h5_URLtoBlob({
base64:base64, //base64数据,需要自己填写,此次base64为演示。
filename:'我是hhyang'
});
console.log(FilePath);
2.转file对象,而非blob路径
let File=await this.$Ctpic.h5_URLtoBlob({
base64:base64, //base64数据,需要自己填写,此次base64为演示。
filename:'我是hhyang',
resolvePath:false
});
console.log(File);
h5_URLtoBlob参数
属性名 | 类型 | 默认值 | 描述 | 兼容 |
---|---|---|---|---|
base64 | MIME字节码 | 一个完整的base64格式数据,必须有携带头部标识 | h5 | |
filename | String | 转file对象后显示的名称字段,文件后缀自动取值base64数据头部格式 | h5 | |
resolvePath | Boolean | true | 是否把转换完成后的file对象解析为路径输出 | h5 |
完整的base64数据,携带头部是这样的 data:image/jpeg;base64,xxxxxxxxxxxxx…..
h5_URLtoBlob返回参数
返回值 | resolvePath | 描述 |
---|---|---|
File | false | 返回一个自定义名称的file对象 |
path | true | 通过转自定义file对象解析为url输出,可以通过返回的blob路径直接上传,也可以支持赋值img标签进行预览 |
当前内容版权归 SilurianYang 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 SilurianYang .