前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >blob临时路径 转File对象

blob临时路径 转File对象

原创
作者头像
LiTongZERO
修改2021-02-05 10:03:45
5.7K0
修改2021-02-05 10:03:45
举报
文章被收录于专栏:LitongZero

blob临时路径 转File对象

最近在使用Taro-UI时,发现一个问题。

问题表象

在上传图片时,Taro-UI只提供了一个图片选择器,可以返回这个图片的临时路径,类似如下:

代码语言:txt
复制
{
   "url":"blob:http://10.1.10.122:10086/4ebc5d64-bd9a-4994-8212-addf476ba2c2",
   "file": {
       "path":"blob:http://10.1.10.122:10086/4ebc5d64-bd9a-4994-8212-addf476ba2c2",
       "size":370876,
       "type":"image/jpeg",
       "lastModifiedDate":"2020-12-23T02:38:35.661Z","lastModified":1608691115661,
       "name":"1608691115661.jpeg"
   }
}

可以看到,图片的基本信息(大小、类型、长传时间,图片名称)。都包含在里面了,包括一个以blob:http:开头的临时路径。

解决思路

这个是不能直接传给后端的,需要转换为File格式,通过multipart/form-data协议才行。

解决方案

把临时路径转换为File对象,加入form-data

代码语言:txt
复制
// 其中
// imgObj = 上面那个对象
// imgObj.url = blob:http://10.1.10.122:10086/4ebc5d64-bd9a-4994-8212-addf476ba2c2

const imgBlob = await fetch(imgObj.url). then(r => r.blob())
const imgFile = new File([imgBlob], imgObj.file.name , { type: imgBlob.type })
const formData = new FormData();
formData.append("file", imgFile);
const res: any = await http.post("/api/uploadFile",formData);

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • blob临时路径 转File对象
    • 问题表象
      • 解决思路
        • 解决方案
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档