AV.File 浏览器环境下构建 blob 图片上传成功但返回空白图

2broear
21-03-12
1

在 Javascript SDK 下上传 blob 形式图片的时候，可以成功上传，但是返回的图片是空白的；

测试使用 base64 构建上传是可以正常返回正常图片的，相关代码如下：

var file = document.querySelector("input#file"),
    files = file.files[0],
    blobstr = URL.createObjectURL(files);
    new AV.File(files.name,{
        blob: {
            uri: blobstr  //浏览器本地 blob 链接
         },
    }).save().then(
        res => console.log(res.url())
    ).catch(console.error);

图片信息

objectId: "604a3e30986e9365f498fd0e"
url: "https://lc-gluttony.s3.amazonaws.com/HUWGMARkgDdK/0ee26e50a116ff679f95.png"
2broear
21-03-12

感谢回复！就上面这个例子该如何修改呢

2broear
21-03-12

就是说 能不能通过本地浏览器获取到的 blob 图片链接存储到云端上

weakish
21-03-15

如果是需要上传浏览器通过 DOM 选择器获取的文件，那直接传就可以，不涉及 blob 图片链接（blob url）

firstFile = file.files[0]
new AV.File(fileName, firstFile)
2broear
21-03-15
1

用另一种方案解决了（之前的需求是想通过本地拿到的图片 blob url 直接上传到云端返回图片 url，因为在本地编辑 base64 链接性能消耗太大也不好修改编辑，所以想用 blob url 代替 base64 进行上传）

目前是通过本地图片的 blob url 发送 xml 请求到 base64 字符串，再通过储存 base64 到云端来返回图片 url