Exercício – Baixar arquivos de usuário

Concluído

Nesse exercício, você concluirá o recurso de download em seu aplicativo para que possa selecionar um nome de arquivo para baixar o arquivo.

1. Adicione a seguinte função ao final do arquivo graph.js:

   async function downloadFile(file) {
     try {
       const response = await graphClient
           .api(`/me/drive/items/${file.id}`)
           .select('@microsoft.graph.downloadUrl')
           .get();
       const downloadUrl = response["@microsoft.graph.downloadUrl"];
       window.open(downloadUrl, "_self");
     } catch (error) {
       console.error(error);
     }
   }
   

2. Em ui.js, adicione essa linha imediatamente após a instrução a.href = assignment:

   a.onclick = () => { downloadFile(file); };
   

   A função displayFiles() concluída deve ter essa aparência:

   async function displayFiles() {
     const files = await getFiles();
     const ul = document.getElementById('downloadLinks');
     while (ul.firstChild) {
       ul.removeChild(ul.firstChild);
     }
     for (let file of files) {
       if (!file.folder && !file.package) {
         let a = document.createElement('a');
         a.href = '#';
         a.onclick = () => { downloadFile(file); };
         a.appendChild(document.createTextNode(file.name));
         let li = document.createElement('li');
         li.appendChild(a);
         ul.appendChild(li);
       }
     }
   }
   

3. Agora, atualize a página. Você deve ser capaz de selecionar um arquivo para baixá-lo.