Tôi đang cố gắng vượt qua làn sóng HTML5 nhưng tôi đang gặp phải một vấn đề nhỏ. Trước HTML5, chúng tôi đã kiểm tra kích thước tệp bằng flash nhưng bây giờ xu hướng là tránh sử dụng flash trong các ứng dụng web. Có cách nào để kiểm tra kích thước tệp ở phía máy khách bằng HTML5 không?
Câu trả lời:
Những công việc này. Đặt nó bên trong trình nghe sự kiện khi đầu vào thay đổi.
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}
Câu trả lời được chấp nhận thực sự là đúng, nhưng bạn cần phải liên kết nó với một trình xử lý sự kiện để nó sẽ cập nhật khi đầu vào tệp được thay đổi.
document.getElementById('fileInput').onchange = function(){
var filesize = document.getElementById('fileInput').files[0].size;
console.log(filesize);
}
Nếu bạn đang sử dụng thư viện jQuery thì đoạn mã sau có thể hữu ích
$('#fileInput').on('change',function(){
if($(this).get(0).files.length > 0){ // only if a file is selected
var fileSize = $(this).get(0).files[0].size;
console.log(fileSize);
}
});
Cho rằng việc chuyển đổi kích thước tệp để hiển thị theo số liệu nào là tùy thuộc vào bạn.
.files: jsfiddle.net/edxvo4wa (Tôi đã tự phát hiện ra điều này khi tôi tìm ra giải pháp - nó hoạt động nếu bạn thay đổi nó thành document.getElementById).
HTML5 fie api hỗ trợ kiểm tra kích thước tệp.
đọc bài viết này để biết thêm thông tin về api tệp
http://www.html5rocks.com/en/tutorials/file/dndfiles/
<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;
API tệp tương tự cung cấp tên và loại.
Cá nhân tôi sẽ chọn định dạng này:
$('#inputFile').bind('change', function(e) {
var data = e.originalEvent.target.files[0];
// and then ...
console.log(data.size + "is my file's size");
// or something more useful ...
if(data.size < 500000) {
// what your < 500kb file will do
}
}
"không có giải pháp trình duyệt chéo, đơn giản nào để đạt được điều này": Phát hiện kích thước tệp tải lên ở phía máy khách?