Exercício – Baixar arquivos de usuário

3 minutos

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

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

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

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

Continuar

Exercício – Baixar arquivos de usuário

Comentários