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标签进行预览
powered by Gitbook该文件修订时间: 2019-07-14 14:32:07

results matching ""

    No results matching ""