Ajax - Nhận kích thước tệp trước khi tải xuống

Question

Về cơ bản, tôi muốn tìm hiểu xem tôi có nên tải xuống tệp bằng AJAX hay không, tùy thuộc vào kích thước của tệp.

Tôi đoán câu hỏi này cũng có thể được lặp lại như sau: Làm cách nào để chỉ nhận tiêu đề của yêu cầu ajax?

---

EDIT: ultima-rat0 trong các ý kiến ​​nói với tôi hai câu hỏi mà đã được hỏi rằng dường như đều giống nhau như thế này. Chúng rất giống nhau, nhưng cả hai đều muốn jQuery. Tôi muốn một giải pháp không phải jQuery cho điều này.

Answer 1

Bạn có thể lấy dữ liệu XHR tiêu đề phản ứng bằng tay:

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

Chức năng này sẽ nhận được filesize của URL được yêu cầu:

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

Đôi khi TRỤ có thể hoạt động khác so với GET vì vậy tôi đề nghị một cái gì đó như thế này hủy bỏ yêu cầu sau khi nhận được tiêu đề 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);