練習 - 下載使用者檔案

已完成

在這個練習中，您將在應用程式中完成下載功能，以便選取檔案名以下載檔案。

1. 將下列函數新增至 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. 在 ui.js 中，緊接著 a.href = assignment 陳述式之後新增這一行:

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

   已完成的 displayFiles() 函數看起來應該像這樣：

   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. 立即重新整理頁面。 您應該可以選取要下載的檔案。