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
Libérer: 2024-10-23 07:27:01
original
717 Les gens l'ont consulté

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);
  });
}
Copier après la connexion

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!

source:php
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal