Laden Sie das Bild von der URL über Google Drive API Javascript auf Google Drive hoch

Aug 18 2020

Ich bin neu in Javascript und es tut mir leid, wenn Ihnen meine Frage lahm erscheint. Ich möchte ein Bild von meiner Website auf mein Google Drive hochladen. Ich habe den Teil Authentifizierung und Ordnererstellung erfolgreich implementiert, bin jedoch verwirrt über den Upload-Vorgang.
Angenommen, dies ist mein Code zum Erstellen eines Ordners in Google Drive:

function createFolder(folderName) {
  var parentId = 'xxxxxxx';//some parentId of a folder under which to create the new folder
  var fileMetadata = {
    'name' : folderName,
    'mimeType' : 'application/vnd.google-apps.folder',
    'parents': [parentId]
  };
  gapi.client.drive.files.create({
    resource: fileMetadata,
  }).then(function(response) {
    switch(response.status){
      case 200:
      var file = response.result;
      console.log('Created Folder Id: ', file.id);
      uploadImage(file.id);
      break;
      default:
      console.log('Error creating the folder, '+response);
      break;
    }
  });
}

Jetzt möchte ich mein Bild von dieser URL hochladen: https://xxxxxx.comin den neu erstellten Ordner von Upper Response ( file.id)

Dies habe ich in der Google API-Dokumentation erhalten, aber wo soll ich meine URL einfügen / anhängen?

function uploadImage(folderId) {
  var fileMetadata = {
    'name': 'photo.jpg',
    parents: [folderId]
  };
  var media = {
    mimeType: 'image/jpeg',
    body: fs.createReadStream('files/photo.jpg')
  };
  drive.files.create({
    resource: fileMetadata,
    media: media,
    fields: 'id'
  }, function (err, file) {
    if (err) {
      // Handle error
      console.error(err);
    } else {
      console.log('File Id: ', file.id);
    }
  });
}

Vielen Dank im Voraus.

Antworten

1 Tanaike Aug 19 2020 at 08:26

Ich glaube Ihr Ziel wie folgt.

Sie möchten eine Datei von einer URL herunterladen und die heruntergeladene Datei mit Javascript auf Google Drive hochladen.
In Ihrem Fall können Sie gapi.clientdie Datei zum Hochladen auf Google Drive verwenden.

Änderungspunkte:

In der aktuellen Phase scheint es leider gapi.client.drive.files.createnicht möglich zu sein, die Anfrage einschließlich des Inhalts noch zu senden. Ref In diesem Fall möchte ich vorschlagen, dies fetchals Problemumgehung zu verwenden. Bei fetchVerwendung können der Dateiinhalt und die Metadaten mit angefordert werden multipart/form-data.
In dieser Problemumgehung wird das Zugriffstoken von verwendet gapi.client. Dieses Skript setzt also voraus, dass Sie gapi.clientzum Hochladen der Datei verwendet werden können. Bitte seien Sie vorsichtig.

Geändertes Skript:

const url = "###";  // Please set the URL.
const fileName = "sample filename";
const folderId = "###";  // Please set the folder ID.

fetch(url).then(res => res.blob()).then(blob => {
  const form = new FormData();
  form.append('metadata', new Blob([JSON.stringify({name: fileName, parents: [folderId]})], {type: 'application/json'}));
  form.append('file', blob);
  fetch('https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart', {
    method: 'POST',
    headers: new Headers({'Authorization': 'Bearer ' + gapi.auth.getToken().access_token}),
    body: form
  }).then(res => res.json()).then(val => console.log(val));
});

Wenn Sie dieses Skript ausführen, wird das folgende Ergebnis in der Konsole angezeigt. (Wenn die URL der direkte Link der JPEG-Bilddatei ist.)
```
  {
    "kind": "drive#file",
    "id": "###",
    "name": "sample filename",
    "mimeType": "image/jpeg"
  }
```

Hinweis:

In diesem Fall uploadType=multipartwird verwendet. Die maximale Dateigröße beträgt also 5 MB. Bitte seien Sie vorsichtig. Wenn Sie mehr als 5 MB verwenden möchten, aktivieren Sie bitte Wiederaufnahme des Uploads. Ref

Verweise:

Verwenden von Fetch
Dateidaten hochladen

Hinzugefügt:

Um den mit CORS verbundenen Fehler als eine andere Methode zu vermeiden, möchte ich vorschlagen, die Web-Apps als Wrapper zu verwenden. In diesem Fall ist die Clientseite Javascript. Dieses Javascript kann außerhalb von Google verwendet werden.

Verwendung:

Bitte machen Sie den folgenden Ablauf.

1. Erstellen Sie ein neues Projekt von Google Apps Script.

Das Beispielskript für Web Apps ist ein Google Apps-Skript. Erstellen Sie daher bitte ein Projekt von Google Apps Script.

Wenn Sie es direkt erstellen möchten, greifen Sie bitte auf zu https://script.new/. In diesem Fall wird der Anmeldebildschirm geöffnet, wenn Sie nicht bei Google angemeldet sind. Melden Sie sich also bitte bei Google an. Auf diese Weise wird der Skripteditor von Google Apps Script geöffnet.

Laden Sie das Bild von der URL über Google Drive API Javascript auf Google Drive hoch

Antworten

Änderungspunkte:

Geändertes Skript:

Hinweis:

Verweise:

Hinzugefügt:

Verwendung:

1. Erstellen Sie ein neues Projekt von Google Apps Script.

2. Bereiten Sie das Skript vor.

3. Stellen Sie Web Apps bereit.

4. Laden Sie eine Datei von der Clientseite auf die Serverseite hoch.

Hinweis:

Verweise:

Dokumentation