将base64字符串转换为blob后文件名无效

时间:2017-09-06 12:54:04

标签: javascript base64 blob

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

以下是我追查的请求:

------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;
}

1 个答案:

答案 0 :(得分:0)

在将图像数据附加到表单时,我的表现如下:

formData.append('image', BlobICreatedFromTheAboveFunction);

分配图像名称的正确方法是:

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