Come posso scaricare un file usando window.fetch?

Question

Se voglio scaricare un file, cosa devo fare nel blocco then qui sotto?

function downloadFile(token, fileId) { 
    let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`; 
    return fetch(url, { 
    method: 'GET', 
    headers: { 
     'Authorization': token 
    } 
    }).then(...); 
} 

Nota i codici sono in lato client.

Answer 1

Ho risolto temporaneamente questo problema utilizzando download.js e blob.

let download = require('./download.min'); 

... 

function downloadFile(token, fileId) { 
    let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`; 
    return fetch(url, { 
    method: 'GET', 
    headers: { 
     'Authorization': token 
    } 
    }).then(function(resp) { 
    return resp.blob(); 
    }).then(function(blob) { 
    download(blob); 
    }); 
} 

Funziona per file di piccole dimensioni, ma forse non funziona per file di grandi dimensioni. Penso che dovrei scavare più Stream.

Answer 2

MODIFICA: risposta syg è migliore. Basta usare la libreria downloadjs.

La risposta che ho fornito funziona bene su Chrome, ma su Firefox e IE è necessaria una variante diversa di questo codice. È meglio usare la libreria per questo.

---

ho avuto problema simile (bisogno di passare un colpo di testa autorizzazione a scaricare un file in modo this soluzione non ha aiutato).

Ma in base alla risposta this è possibile utilizzare createObjectURL per fare in modo che il browser salvi un file scaricato dall'API di recupero.

getAuthToken() 
    .then(token => { 
     fetch("http://example.com/ExportExcel", { 
      method: 'GET', 
      headers: new Headers({ 
       "Authorization": "Bearer " + token 
      }) 
     }) 
     .then(response => response.blob()) 
     .then(blob => { 
      var url = window.URL.createObjectURL(blob); 
      var a = document.createElement('a'); 
      a.href = url; 
      a.download = "filename.xlsx"; 
      a.click();      
     }); 
    });