GDrive Multipart загрузить JQuery

Question

Я прошел все шаги из Google и получил несколько кодов, которые я нашел здесь, чтобы создать, и поэтому я пытаюсь загрузить файл из формы в Google Drive с помощью API, и это код:

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().

Примечание:

• Этот модифицированный скрипт предполагает следующее.
  • Ваш токен доступа можно использовать для загрузки файлов на Google Drive.
  • Начиная с Google receives the information, and creates the file в вашем вопросе, ваш скрипт уже подготовлен для использования для загрузки файлов.

Хотя в моем окружении я подтвердил, что этот сценарий работает, если он не помог в вашей ситуации, извините.