Я намагаюся подолати хвилю HTML5, але стикаюся з невеликою проблемою. До HTML5 ми перевіряли розмір файлу за допомогою flash, але зараз тенденція полягає в тому, щоб уникати використання Flash у веб-програмах. Чи є спосіб перевірити розмір файлу на стороні клієнта за допомогою HTML5?
Відповіді:
Це працює. Помістіть його всередину прослуховувача подій, коли вхід зміниться.
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}
Прийнята відповідь насправді є правильною, але вам потрібно прив’язати її до прослуховувача подій, щоб вона оновлювалась, коли будь-коли змінюється введення файлу.
document.getElementById('fileInput').onchange = function(){
var filesize = document.getElementById('fileInput').files[0].size;
console.log(filesize);
}
Якщо ви використовуєте бібліотеку jQuery, то наступний код може стати в нагоді
$('#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);
}
});
Враховуючи, що перетворення файлуРозмір для відображення, в якому коли-небудь показник, залежить від вас.
.files: jsfiddle.net/edxvo4wa (я це виявив сам, коли придумував рішення - воно працює, якщо ви його зміните на document.getElementById).
HTML5 fie api підтримує перевірку розміру файлу.
прочитайте цю статтю, щоб отримати більше інформації про файл api
http://www.html5rocks.com/en/tutorials/file/dndfiles/
<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;
аналогічно API файлу дає ім'я та тип.
Особисто я вибрав би такий формат:
$('#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
}
}
"немає простого рішення для крос-браузерного досягнення цього": виявлення розміру завантаженого файлу на стороні клієнта?