Carregar arquivos de usuário

  • 3 minutos

No próximo exercício, você estenderá o aplicativo para dar suporte ao upload de arquivos. Há duas maneiras de carregar um arquivo usando o Microsoft Graph. A maneira mais fácil é usar uma única solicitação PUT com um recurso como /me/drive/root:/FolderA/FileB.txt:/content. Esse método é limitado a 4 MB. O método mais complexo envolve uma série de solicitações HTTP como uma sessão de upload.

O SDK do Microsoft Graph facilita esse método complexo. O objeto OneDriveLargeFileUploadTask manipula todos os detalhes:

const uploadTask = await MicrosoftGraph.OneDriveLargeFileUploadTask.create(
  graphClient, file, {
    path: "/",
    fileName: file.name,
    rangeSize: 1024 * 1024 // must be a multiple of 320 KiB
  }
);
const response = await uploadTask.upload();

O argumento de arquivo é um objeto do fluxo de arquivos. No navegador da Web, é aquele retornado pelo elemento de entrada do arquivo do navegador.

<input type="file" onchange="fileSelected(this);" />

Quando o usuário seleciona um arquivo, o manipulador de eventos onchange pode acessar o arquivo selecionado.

function fileSelected(e) {
  // Add your code here; e.files[0] contains the file stream to upload the
  // 1st file selected by the user; e.files[1] if a 2nd file was uploaded etc.
}