javascript - GDrive 分段上传 jQuery

Question

我遵循了 google 的整个步骤，我得到了一些我在这里找到的代码，所以我尝试使用 API 将文件从表单上传到 Google 云端硬盘，这就是代码:

var importFiles = $('#files')[0].files;

const boundary = '--cloud';
const delimiter = "\r\n" + boundary + "\r\n";
const close_delim = "\r\n" + boundary + "--";

var metadata = {
    'name': importFiles[0]["name"],
    'mimeType': importFiles[0]["type"],
    'parents': ['parent-id']
};

var multipartRequestBody =
    delimiter +
    'Content-Type: application/json; charset=UTF-8\r\n\r\n' +
    JSON.stringify(metadata) + "\r\n" +
    delimiter + "\r\n" +
    'Content-Type: ' + importFiles[0]["type"] + "\r\n\r\n" +
    importFiles[0] +
    close_delim;

gapi.client.request({
    'path': '/upload/drive/v3/files',
    'method': 'POST',
    'params': {
        'uploadType': 'multipart'
    },
    'headers': {
        'Authorization': 'Bearer ' + gapi.client.getToken()["access_token"],
        'Content-Type': 'multipart/related; boundary="cloud"'
    },
    'body': multipartRequestBody
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Google 收到信息并创建文件，问题是该文件似乎不会发送给 Google 或者我不知道，我得到的只是没有内容的 Google 文件。当我尝试上传示例时，一切顺利。

Answer 1

我认为您的脚本几乎是正确的。但需要稍微修改一下。那么这个修改怎么样呢？我认为您的情况有几个答案。因此，请将此视为其中之一。

修改点:

• 在此修改中，文件被转换为base64数据并用于请求正文。
• 为了使用base64数据，它修改了请求体。
  • 添加了 'Content-Transfer-Encoding: base64\r\n\r\n' +。

修改后的脚本:

var importFiles = $('#files')[0].files;

const boundary = '--cloud';
const delimiter = "\r\n" + boundary + "\r\n";
const close_delim = "\r\n" + boundary + "--";

var metadata = {
    'name': importFiles[0]["name"],
    'mimeType': importFiles[0]["type"],
    'parents': ['parent-id']
};

var f = new FileReader();  // Added
f.onload = function(){  // Added
  var multipartRequestBody =
      delimiter +
      'Content-Type: application/json; charset=UTF-8\r\n\r\n' +
      JSON.stringify(metadata) +
      delimiter +
      'Content-Type: ' + importFiles[0]["type"] + "\r\n" +
      'Content-Transfer-Encoding: base64\r\n\r\n' +  // Added
      btoa(this.result) +  // Modified
      closeDelim;

  gapi.client.request({
      'path': '/upload/drive/v3/files',
      'method': 'POST',
      'params': {
          'uploadType': 'multipart',
      },
      'headers': {
          'Authorization': 'Bearer ' + gapi.client.getToken()["access_token"],
          'Content-Type': 'multipart/related; boundary="cloud"',
      },
      'body': multipartRequestBody,
  }).then(function(r) {  // Added
    console.log(r);  // Added
  });  // Added
};
f.readAsBinaryString(importFiles[0]);  // Added. I think that you can also use readAsDataURL().

注意事项:

• 这个修改后的脚本假设如下。
  • 您的访问 token 可用于将文件上传到 Google 云端硬盘。
  • 在您的问题中，Google 收到信息并创建文件，您的脚本已经准备好用于上传文件。

虽然在我的环境中，我确认此脚本有效，但如果这对您的情况没有用，我很抱歉。