Un moyen de déterminer si un fichier est chargé dans une iframe

Question

J'ai un problème : j'aimerais attraper un moment lorsque la boîte de dialogue Enregistrer le fichier est fermée ou que mon fichier csv généré sur le serveur est chargé (pour cacher un spinner pour le chargement). Je sais qu'il n'existe pas d'événement de ce type dans le Javascript. Je ne veux absolument pas ajouter des cookies pour un problème aussi mineur en arrière-plan et j'aimerais donc mettre en place une autre solution. La seule solution que je vois est l'iframe, mais d'après ce que je peux voir, les écouteurs d'événements tels que onload ne fonctionne pas en cas d'en-tête de pièce jointe, du moins dans Chrome. J'ai également essayé d'implémenter une sorte de minuterie pour vérifier le statut de l'iframe mais cela a fonctionné juste après l'envoi de la demande de fichier. Le fichier est généré sur le serveur en quelques secondes (10-20) donc cette solution ne correspond pas à mes objectifs.

J'utilise Angular sur le frontend donc toute solution compatible (vanilla JS, jQuery, Angular lui-même) sera d'une grande aide pour moi. J'espère en recevoir une. Merci, les gars !

Answer 1

Il n'y a pas DOM dont je suis conscient ici, qui est déclenché lorsque Save file Le dialogue de l'interface utilisateur est ouvert ou fermé.

Vous pouvez essayer d'utiliser focus pour attraper quand le Save file est fermée et window retrouve sa concentration après avoir appelé .click() sur <a> élément ayant download l'ensemble des attributs, bien que cette approche ne soit pas totalement fiable.

// append or display spinner element here
var csvUrl = document.createElement("a"); 
csvUrl.href = url; 
csvUrl.download = "csv_filename"; 
csvUrl.click();
window.onfocus = function () { 
  document.body.removeChild(csvUrl); 
  // remove or hide spinner element here 
  window.onfocus = null; 
}