Получить общий размер объединенных загруженных файлов с помощью JQuery/Javascript ⇐ Jquery

[Anonymous]

У меня есть страница, на которую пользователь может загрузить документ. Также имеется кнопка для добавления дополнительных документов (как показано на изображении).

[img]https://i. sstatic.net/rz5if.png[/img]





Я хочу проверить каждый файл, который был добавлен или удален из раздела загрузки, чтобы убедиться, что размер не превышает 10 МБ.

Итак, если пользователь загружает 3 отдельных файла по 2 МБ, а затем добавляет файл размером 5 МБ, кнопка отправки будет отключена до тех пор, пока один из файлов не будет удален, потому что он исчез. превышает лимит в 10 МБ.

Строки можно добавлять динамически, поэтому я делал это по классам и пытался суммировать промежуточную сумму.

Вот что у меня есть на данный момент, доступно на JFIDDLE

Код: Выделить всё

Проблема в том, что если я добавлю файл, а затем удалю его, он не отразит текущую промежуточную сумму.

Код: Выделить всё

$("document").ready(function() {

var fileArr = [];

$(".upload-file").on('change',function() {
var fileInput = $('.upload-file');

var fileSize = fileInput.get(0).files[0].size;
fileArr.push(fileSize);

var totalSize = 0;

for (var i in fileArr) {
alert(fileArr[i]);
totalSize = totalSize + fileArr[i];
}

if (totalSize > 10485759) {
alert('Over Max Size');
$(submitBtn).prop("disabled",true);
}

});
});

Я тоже пробовал этот способ, но не смог выполнить сброс при удалении файла. JFIDDLE-2

Подробнее здесь: https://stackoverflow.com/questions/436 ... javascript