Carica l'immagine dall'URL su Google Drive tramite JavaScript dell'API di Google Drive

Aug 18 2020

Sono nuovo in Javascript e mi dispiace se la mia domanda ti sembra noiosa. Voglio caricare un'immagine dal mio sito web sul mio Google Drive. Ho implementato con successo la parte di creazione di autenticazione e cartella, ma sono confuso sul processo di caricamento.
Dì che questo è il mio codice per creare una cartella all'interno di 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;
    }
  });
}

Ora voglio caricare la mia immagine da questo URL: https://xxxxxx.comnella cartella appena creata dalla risposta superiore ( file.id)

Questo è ciò che ho ottenuto nella documentazione dell'API di Google, ma dove dovrei inserire / allegare il mio URL?

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);
    }
  });
}

Grazie mille in anticipo.

Risposte

1 Tanaike Aug 19 2020 at 08:26

Credo il tuo obiettivo come segue.

Desideri scaricare un file da un URL e caricare il file scaricato su Google Drive utilizzando Javascript.
Nel tuo caso, gapi.clientpuoi essere utilizzato per caricare il file su Google Drive.

Punti di modifica:

Nella fase attuale, purtroppo, sembra che gapi.client.drive.files.createnon sia ancora possibile inviare la richiesta comprensiva del contenuto. Ref Quindi, in questo caso, vorrei proporre di utilizzare fetchcome soluzione alternativa. Quando fetchviene utilizzato, il contenuto del file ei metadati possono essere richiesti con multipart/form-data.
In questa soluzione alternativa, il token di accesso viene utilizzato da gapi.client. Quindi questo script suppone che il tuo gapi.clientpossa essere utilizzato per caricare il file. Per favore, stai attento.

Script modificato:

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));
});

Quando esegui questo script, il seguente risultato può essere visualizzato sulla console. (Quando l'URL è il collegamento diretto del file immagine Jpeg.)
```
  {
    "kind": "drive#file",
    "id": "###",
    "name": "sample filename",
    "mimeType": "image/jpeg"
  }
```

Nota:

In questo caso, uploadType=multipartviene utilizzato. Quindi la dimensione massima del file è 5 MB. Per favore, stai attento. Se desideri utilizzare più di 5 MB, seleziona Caricamento ripristinabile. Rif

Riferimenti:

Utilizzando Fetch
Carica i dati del file

Aggiunto:

Per evitare l'errore relativo a CORS, come altro metodo, vorrei proporre di utilizzare le Web App come wrapper. In questo caso, il lato client è Javascript. Questo Javascript può essere utilizzato al di fuori di Google.

Utilizzo:

Si prega di eseguire il seguente flusso.

1. Crea un nuovo progetto di Google Apps Script.

Lo script di esempio di Web Apps è uno script di Google Apps. Quindi, crea un progetto di Google Apps Script.

Se vuoi crearlo direttamente, accedi a https://script.new/. In questo caso, se non sei loggato in Google, si apre la schermata di login. Quindi accedi a Google. In questo modo viene aperto l'editor di script di Google Apps Script.

Carica l'immagine dall'URL su Google Drive tramite JavaScript dell'API di Google Drive

Risposte

Punti di modifica:

Script modificato:

Nota:

Riferimenti:

Aggiunto:

Utilizzo:

1. Crea un nuovo progetto di Google Apps Script.

2. Preparare lo script.

3. Distribuire applicazioni Web.

4. Carica un file dal lato client al lato server.

Nota:

Riferimenti:

Documentazione