成功上传到Google云端硬盘,但打开后文件为空(仍然有大小)

时间:2018-10-16 10:45:07

标签: javascript google-api google-drive-api base64 google-api-js-client

将图像URL转换为base64字符串后,我尝试将该base64图像上传到Goolge Drive,一切正常:响应代码200和Goole Drive在App / Web中显示此文件。

但是当我打开此图像时,它就像Google在base64字符串上更改了某些内容,因此无法读取。

下载并将图像从GD转换为base64字符串后,我发现原来的base64字符串已更改。

在上传之前:https://anotepad.com/notes/nt6fct

Google云端硬盘中的文件:https://anotepad.com/notes/ayg57q

上传代码:

testUploadFile(fileInfo, base64Data){
    const boundary = '-------314159265358979323846';
    const delimiter = "\r\n--" + boundary + "\r\n";
    const close_delim = "\r\n--" + boundary + "--";
    var contentType = fileInfo.type || 'application/octet-stream';
    var metadata = {
        'name': fileInfo.title,
        'mimeType': contentType
    };

    var multipartRequestBody =
        delimiter +
        'Content-Type: application/json\r\n\r\n' +
        JSON.stringify(metadata) +
        delimiter +
        'Content-Type: ' + contentType + '\r\n' +
        'Content-Transfer-Encoding: base64\r\n' +
        '\r\n' +
        base64Data +
        close_delim;

    gapi.client.request({
        'path': '/upload/drive/v3/files',
        'method': 'POST',
        'params': {
            'uploadType': 'multipart'
        },
        'headers': {
            'Content-Type': 'multipart/related; boundary="' + boundary + '"'
        },
        'body': multipartRequestBody
    }).then(function(response){
        console.log(response);
    });
}

@@出了点问题,您可以改正吗? 预先感谢!

1 个答案:

答案 0 :(得分:0)

这个简单的示例可能会帮助您查找代码问题。

function createFile(){
const boundary = '-------314159265358979323846';
const delimiter = "\r\n--" + boundary + "\r\n";
const close_delim = "\r\n--" + boundary + "--";

var fileContent = 'It works :)';

var metadata = {
    'name': 'myFile',
    'mimeType': 'text/plain\r\n\r\n'
};

var multipartRequestBody = delimiter +  'Content-Type: application/json\r\n\r\n' + JSON.stringify(metadata) + delimiter + 'Content-Type: ' + 'text/plain\r\n\r\n' + fileContent + close_delim;

gapi.client.request({
    'path': '/upload/drive/v3/files',
    'method': 'POST',
    'params': {
        'uploadType': 'multipart'
    },
    'headers': {
        'Content-Type': 'multipart/related; boundary="' + boundary + '"'
    },
    'body': multipartRequestBody
}).then(function(response){
    console.log(response);
});
}