Works with any backend npm install Zero dependencies

Show / Hide File Size

Toggle file size display in the queue with showFileSize.

(function() {
 new MultipleUpload('#demo', {
 uploadUrl: '/api/upload',
 multiple: true,
 showFileSize: true,
 autoUpload: false
 });
})();

A small label that prevents a support ticket

showFileSize defaults to true, and it is worth leaving on. The size next to each file is what lets a user work out for themselves why one upload is taking minutes while the others finished instantly, and it makes a rejected file self-explanatory when a limit is in play.

Where the number comes from

It is read from the browser's File object before anything is sent, so it reflects the file on disk. If the image pipeline is resizing or re-encoding, the bytes that actually travel can be far smaller than the label — a useful thing to explain in your own copy if you resize aggressively.