問題描述

之前有人問過這個問題，但答案是使用 API V2.谷歌文檔沒有說明如何使用 javascript 客戶端代碼創建包含其內容的文件.我嘗試使用節點下列出的代碼，但是，它只創建文件，不插入任何內容.這是我的代碼:

This question has been asked before, but the answer was using API V2. The google documentation does not clarify how to create a file with its content using javascript client code. I tried using the code listed under Node, however, it only creates the file, it does not insert any content. Here is my code:

  let fileMetadata = {
    'name': name,
    parents: [parentId]
  };

  let media = {
    mimeType: 'text/plain',
    body: 'content inside file'
  };

  gapi.client.drive.files.create({
    resource: fileMetadata,
    media,
    fields: 'id'
  })
  .then(response => {
    console.log('response: ', response);
  })
  .catch(() => {
    console.log('something is wrong');
  });

有人可以幫我將內容插入文件嗎?

Can someone help me insert content into files please?

推薦答案

這個示例腳本怎么樣?在我的環境中，雖然 gapi.client.drive.files.create() 可以在 Google Drive 上創建一個空文件，但它不能直接上傳包含內容的文件.我認為這可能無法使用 multipart/related 上傳文件和元數據，盡管這可能會在未來的更新中得到解決.所以現在，作為一種解決方法，我使用 XMLHttpRequest.

How about this sample script? In my environment, although gapi.client.drive.files.create() can create an empty file on Google Drive, it cannot directly upload files including contents. I think that this might not be able to upload files and metadata with the multipart/related, although this might be resolved by the future update. So now, as one of workarounds, I use XMLHttpRequest.

在使用此示例腳本之前，請確認以下幾點.

Before you use this sample script, please confirm the following points.

• 在您的情況下，您已經能夠使用 gapi 創建文件.在我的腳本中，訪問令牌是使用 gapi 檢索的.
• 使用此腳本時，請設置文件內容和元數據.

在此示例腳本中，在文件夾下創建了一個包含內容的文本文件.

In this sample script, a text file including contents is created under a folder.

var fileContent = 'sample text'; // As a sample, upload a text file.
var file = new Blob([fileContent], {type: 'text/plain'});
var metadata = {
    'name': 'sampleName', // Filename at Google Drive
    'mimeType': 'text/plain', // mimeType at Google Drive
    'parents': ['### folder ID ###'], // Folder ID at Google Drive
};

var accessToken = gapi.auth.getToken().access_token; // Here gapi is used for retrieving the access token.
var form = new FormData();
form.append('metadata', new Blob([JSON.stringify(metadata)], {type: 'application/json'}));
form.append('file', file);

var xhr = new XMLHttpRequest();
xhr.open('post', 'https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart&fields=id');
xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);
xhr.responseType = 'json';
xhr.onload = () => {
    console.log(xhr.response.id); // Retrieve uploaded file ID.
};
xhr.send(form);

請求正文:

在這個腳本中，form如下.使用 Drive API 的 create 方法將其發送到 Google Drive.

Request body :

In this script, form is as follows. This is sent to Google Drive using the create method of Drive API.

------WebKitFormBoundaryxX0XmxgooMjdUECR
Content-Disposition: form-data; name="metadata"; filename="blob"
Content-Type: application/json

{"name":"sampleName","mimeType":"text/plain","parents":["#####"]}
------WebKitFormBoundaryxX0XmxgooMjdUECR
Content-Disposition: form-data; name="file"; filename="blob"
Content-Type: text/plain

sample text
------WebKitFormBoundaryxX0XmxgooMjdUECR--

在我的環境中，我確認這可以正常工作.但如果這在您的環境中不起作用，我很抱歉.

In my environment, I confirmed that this works fine. But if this didn't work in your environment, I'm sorry.

這篇關于Google Drive API V3 Javascript - 創建包含內容的文件的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！