我正在尝试将blob url上传到imgur api:
https://apidocs.imgur.com/#c85c9dfc-7487-4de2-9ecd-66f727cf3139
它在文档中清楚地说明它可以是:binary file
、base64
或url
我的网址(示例):blob:http://localhost:8080/7e44709-093d-4a4-b167-a3fdfc63a8e
formData.append('image', 'blob:http://localhost:8080/7e44709-093d-4a4-b167-a3fdfc63a8e');
formData.append('type', 'URL');
然而,我从imgur api得到了400
错误:
{"data":{"error":
"Invalid URL (blob:http:\/\/localhost:8080\/7e44729-093d-4aa4-167-a3fdef3a8e)",
"request":"\/3\/image","method":"POST"},"success":false,"status":400}
期待帮助,为什么它会失败,以及如何正确上传它。谢谢你
发布于 2018-10-16 22:53:54
图像需要转换为base64格式,然后从base64格式转换为二进制格式。这是使用.toDataURL()
和dataURItoBlob()
完成的
Img => Base64 =>二进制文件
function imgToURI() {
// Convert image to Base64
var img = snap.toDataURL();
// Convert Base64 image to binary
var file = dataURItoBlob(img);
}
function dataURItoBlob(dataURI) {
// convert base64/URLEncoded data component to raw binary data held in a string
var byteString;
if (dataURI.split(',')[0].indexOf('base64') >= 0)
byteString = atob(dataURI.split(',')[1]);
else
byteString = unescape(dataURI.split(',')[1]);
// separate out the mime component
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
// write the bytes of the string to a typed array
var ia = new Uint8Array(byteString.length);
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
return new Blob([ia], {type:mimeString});
}
如果需要的话,你可以在twitter上停下来,在我的例子中,我需要再次转换成二进制,这样我就可以在不使用db的情况下将数据传递到base64 (使用OAuth)。事实证明,你可以在推特上发布二进制文件,这非常酷,twitter会将其转换成图片。
https://stackoverflow.com/questions/52844975
复制