h5_URLtoBlob 浏览器端 base64 转自定义名称 File 对象

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 FilePath=await ctpic.h5_URLtoBlob({
  4. base64:base64, //base64数据,需要自己填写,此次base64为演示。
  5. filename:'我是hhyang'
  6. });
  7. console.log(FilePath);

代码演示

1.简单使用
  1. let FilePath=await this.$Ctpic.h5_URLtoBlob({
  2. base64:base64, //base64数据,需要自己填写,此次base64为演示。
  3. filename:'我是hhyang'
  4. });
  5. console.log(FilePath);
2.转file对象,而非blob路径
  1. let File=await this.$Ctpic.h5_URLtoBlob({
  2. base64:base64, //base64数据,需要自己填写,此次base64为演示。
  3. filename:'我是hhyang',
  4. resolvePath:false
  5. });
  6. console.log(File);

h5_URLtoBlob参数

属性名类型默认值描述兼容
base64MIME字节码一个完整的base64格式数据,必须有携带头部标识h5
filenameString转file对象后显示的名称字段,文件后缀自动取值base64数据头部格式h5
resolvePathBooleantrue是否把转换完成后的file对象解析为路径输出h5

完整的base64数据,携带头部是这样的 data:image/jpeg;base64,xxxxxxxxxxxxx…..


h5_URLtoBlob返回参数

返回值resolvePath描述
Filefalse返回一个自定义名称的file对象
pathtrue通过转自定义file对象解析为url输出,可以通过返回的blob路径直接上传,也可以支持赋值img标签进行预览