解决：将base64字符串转换为blob后无效的文件名

我正在使用以下函数将base64字符串转换为blob。这工作正常。但是，当我将文件上传到第三方API时，它会失败。原因是因为API期望正确的fileName（带有扩展名），而我创建的blob似乎没有它。它指定的文件名，而不是“blob.jpg”解决：将base64字符串转换为blob后无效的文件名

这里的“斑点”是我跟踪的要求：

------WebKitFormBoundarytqD15GSBoU08Xz1l 
Content-Disposition: form-data; name="image"; filename="blob" 
Content-Type: image/jpeg

我怎样才能获得的文件名时，我转换字符串BLOB？下面是函数：

function b64toBlob(b64Data, contentType, sliceSize) { 
    contentType = contentType || ''; 
    sliceSize = sliceSize || 512; 

    var byteCharacters = atob(b64Data); 
    var byteArrays = []; 

    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) { 
     var slice = byteCharacters.slice(offset, offset + sliceSize); 

     var byteNumbers = new Array(slice.length); 
     for (var i = 0; i < slice.length; i++) { 
      byteNumbers[i] = slice.charCodeAt(i); 
     } 

     var byteArray = new Uint8Array(byteNumbers); 

     byteArrays.push(byteArray); 
    } 

    var blob = new Blob(byteArrays, { type: contentType }); 
    return blob; 
}

编辑：对于那些谁仍然在寻找这个答案：

虽然附加的图像数据形成的，我在做这样的：

formData.append('image', BlobICreatedFromTheAboveFunction);

指定图像名称正确的方法是：

formData.append('image', BlobICreatedFromTheAboveFunction, "Whatever.jpg");

来源

2017-09-06 user1640256

Blob对象没有一个文件名都，并没有任何处理Content-Disposition头的'filename'属性。您应该显示创建和发送请求的代码。 –

@SergeyPetunin谢谢你！你的确是对的。我已经更新了我的问题并提供了解决方案。 – user1640256

@ user1640256如果您发布了答案并接受了答案会好得多 – jannis

虽然附加的图像数据形成的，我在做这样的：

formData.append('image', BlobICreatedFromTheAboveFunction);

指定图像名称正确的方法是：

formData.append('image', BlobICreatedFromTheAboveFunction, "Whatever.jpg");

来源

2017-09-13 10:04:40 user1640256

解决：将base64字符串转换为blob后无效的文件名

回答

相关问题