Drive REST API - jquery multipart file upload

Question

我需要将文件从浏览器上传到我的Google云端硬盘。这是我的上传代码：（files是从<input type="file">获取的文件数组）

      var boundary = "foo_bar_baz";
      const delimiter = "rn--" + boundary + "rn";
      const close_delim = "rn--" + boundary + "--";
      var contentType = doc.mimeType;
      var metadata = {
        "title": doc.name,
        "mimeType": doc.mimeType
      };
      var reader = new FileReader();
      reader.onload = function(e){
        var multipartRequestBody =
          delimiter +  'Content-Type: application/jsonrnrn' +
          JSON.stringify(metadata) +
          delimiter + 'Content-Type: ' + contentType + 'rn' + 'rn' +
          e.target.result +
          close_delim;
        $.ajax({
          url: 'https://www.googleapis.com/upload/drive/v2/files?uploadType=multipart',
          type: 'POST',
          headers: {
            "Authorization": 'Bearer ' + luminDriveAccessToken,
            "Content-Type": 'multipart/related; boundary="'+ boundary + '"'
          },
          success: function() {
            console.log('>>> Done uploading.');
          },
          error: _handleUploadErrors,
          data: multipartRequestBody,
          cache: false,
          contentType: false,
          processData: false,
          crossDomain: true
        });
      };
      reader.readAsBinaryString(files[0]);

当我运行此脚本时，文件已上传到我的Google云端硬盘（正确的标题，正确的mimeType），但文件内容已损坏（Google云端硬盘无法打开它）。当我将文件下载到我的计算机时，我也无法打开它，并且我意识到下载的文件的大小比原始文件大一点（例如.docx文件：15.4KB 与 11.3KB 相比）。
所以我想问题与将文件内容发送到服务器之前有关。但我还不知道如何解决它。希望你们能帮忙！

Answer 1

我通过将读取器的结果转换为 base64Data 然后将内容传输编码：base64 添加到请求正文中来找到解决方案。

reader.onload = function(e){
        var base64Data = btoa(e.target.result);
        var multipartRequestBody =
          delimiter +  'Content-Type: application/jsonrnrn' +
          JSON.stringify(metadata) +
          delimiter + 'Content-Type: ' + contentType + 'rn' +
          'Content-Transfer-Encoding: base64rn' + 'rn' +
          base64Data + close_delim;
        $.ajax({
          url: 'https://www.googleapis.com/upload/drive/v2/files?uploadType=multipart',
          type: 'POST',
          headers: {
            "Authorization": 'Bearer ' + ACCESS_TOKEN,
            "Content-Type": 'multipart/related; boundary="'+ boundary + '"'
          },
          success: function() {
            // TODO XIN
            console.log('>>> DONE');
          },
          error: _handleUploadErrors,
          data: multipartRequestBody,
          cache: false,
          contentType: false,
          processData: false,
          crossDomain: true
        });
      };