Maison >interface Web >js tutoriel >Comment télécharger des fichiers à l'aide de window.fetch() dans le code côté client

Comment télécharger des fichiers à l'aide de window.fetch() dans le code côté client

Linda Hamilton
Linda Hamiltonoriginal
2024-10-23 07:27:01704parcourir

How to Download Files Using window.fetch() in Client-Side Code

Téléchargement de fichiers à l'aide de window.fetch()

Dans l'extrait de code côté client que vous avez fourni, vous pouvez compléter le bloc then pour télécharger un fichier comme suit :

function downloadFile(token, fileId) {
  let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`;
  return fetch(url, {
    method: 'GET',
    headers: {
      'Authorization': token
    }
  }).then(res => res.blob()).then(blob => {
    // Create a URL for the Blob and assign it to the window location
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });
}

Ce code offre une solution plus efficace et sans bibliothèque par rapport à l'utilisation de bibliothèques externes. Il exploite l'API window.fetch() pour récupérer le fichier à partir de l'URL fournie. La méthode res.blob() convertit la réponse en un objet Blob, représentant les données du fichier.

Ensuite, nous créons une URL pour le Blob à l'aide de window.URL.createObjectURL() et l'attribuons à la fenêtre. propriété de localisation. Cela lance une action de téléchargement du fichier, sans avoir besoin de bibliothèques supplémentaires ni de traitement complexe.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn