Ajax - Récupère la taille du fichier avant le téléchargement

En gros, je veux savoir si je doit télécharger un fichier à l'aide d'AJAX, selon la taille de la taille du fichier est.

Je pense que cette question pourrait également être reformulé ainsi: Comment puis-je obtenir seulement l'en-tête de requête ajax?

MODIFIER: ultima-rat0 dans les commentaires m'a dit de deux questions qui avaient déjà été demandé qui, apparemment, sont les mêmes que celui-ci. Ils sont très similaires, mais ils ont tous deux veulent jQuery. Je veux un non-jQuery solution à cette question.

source d'informationauteur MiJyn

  1. 21

    Vous pouvez obtenir XHR en-tête de réponse des données manuellement:

    http://www.w3.org/TR/XMLHttpRequest/#the-getresponseheader()-méthode

    Cette fonction sera d'obtenir la taille du fichier de l'URL demandée:

    function get_filesize(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open("HEAD", url, true); //Notice "HEAD" instead of "GET",
                                 // to get only the header
    xhr.onreadystatechange = function() {
        if (this.readyState == this.DONE) {
            callback(parseInt(xhr.getResponseHeader("Content-Length")));
        }
    };
    xhr.send();
}

get_filesize("http://example.com/foo.exe", function(size) {
    alert("The size of foo.exe is: " + size + " bytes.");
});
  2. 0

    Parfois la TÊTE peut agir autrement que je vous suggère quelque chose comme ce qui interrompt la demande après l'obtention de Content-Length en-tête:

    new Promise(resolve => {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '/a.bin', true);
    xhr.onreadystatechange = () => {
        resolve(+xhr.getResponseHeader("Content-Length"));
        xhr.abort();
    };
    xhr.send();
}).then(console.log);