Übung – Herunterladen von Benutzerdateien

Abgeschlossen

In dieser Übung werden Sie in Ihrer App die Funktion zum Herunterladen fertigstellen, damit Sie einen Dateinamen auswählen können, um die Datei herunterzuladen.

1. Fügen Sie die folgende Funktion am Ende der graph.js-Datei hinzu:

   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. Fügen Sie diese Zeile in ui.js unmittelbar nach der a.href = assignment-Anweisung hinzu:

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

   Die fertiggestellte displayFiles()-Funktion sollte wie folgt aussehen:

   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. Aktualisieren Sie jetzt die Seite. Sie sollten eine Datei auswählen können, um sie herunterzuladen.