Charger des fichiers utilisateur

Effectué

Au cours de l’exercice suivant, vous allez étendre l’application pour prendre en charge les chargements de fichiers. Il existe deux façons de charger un fichier à l’aide de Microsoft Graph. Le moyen le plus simple consiste à utiliser une seule demande PUT avec une ressource telle que /me/drive/root:/FolderA/FileB.txt:/content. Toutefois, cette méthode est limitée à 4 Mo. La méthode la plus complexe implique une série de demandes HTTP comme une session de chargement.

Le SDK Microsoft Graph facilite la méthode complexe. L’objet OneDriveLargeFileUploadTask gère tous les détails :

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

L’argument fichier est un objet de flux de fichiers. Dans le navigateur web, il s’agit de celui renvoyé par l’élément d’entrée du fichier du navigateur.

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

Lorsque l’utilisateur sélectionne un fichier, le onchange gestionnaire d'événements peut accéder au fichier sélectionné.

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.
}