Ajax - Ottieni le dimensioni del file prima di scaricare

Question

Fondamentalmente, voglio capire se dovrei scaricare un file usando AJAX, a seconda di quanto è grande il file.

Immagino che questa domanda possa anche essere riformulata come: Come ottengo solo l'intestazione di una richiesta Ajax?

---

EDIT: ultima-rat0 nei commenti mi ha detto di due questioni che erano già state poste che, apparentemente, sono gli stessi di questo. Sono molto simili, ma entrambi vogliono jQuery. Voglio una soluzione non jQuery a questo.

Answer 1

È possibile ottenere manualmente i dati di intestazione di risposta XHR:

http://www.w3.org/TR/XMLHttpRequest/#the-getresponseheader()-method

Questa funzione otterrà la dimensione del file dell'URL richiesto:

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."); 
}); 

Answer 2

volte testa può agire in modo diverso di quanto ottiene così suggerisco qualcosa del genere che interrompe la richiesta dopo aver ottenuto l'intestazione Content-Length:

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