HTML 5 file input multiple - add another files after selecting first group of

Question

I don't like how HTML5 multiple files selection works. First I select for example 5 files and that's OK, it shows 5 selected files. After that, I decided that I want to add 3 more files. But when I do, the "old" 5 files dissapears and only 3 new are here.

I know that it is no problem get filelist of selected files using jquery, but is there any chance how to manipulate with selected files and insert few others ?

I don't want to use solutions like you must select file one by one and another upload button is appending to document, when I see pages like that I have inclination to destruct everything what I am able to see.

Answer 1

AS per my knowledge Its difficult to achieve through HTML. It’s better to use Ajax Form File Upload for standard type. You can refer below links:

JQuery File Uploader - https://github.com/danielm/uploader/

Multiple File Upload Plugin - http://www.fyneworks.com/jquery/multiple-file-upload/

Mini Multiple File Upload - http://demo.tutorialzine.com/2013/05/mini-ajax-file-upload-form/

jQuery File Upload - http://blueimp.github.io/jQuery-File-Upload/

Hope this helps

Answer 2

Dropzone is probably the best (very customisable, easy to setup) :

http://www.dropzonejs.com/

Has the option of multiple upload, also fallback options for old browsers. Can do batching/chunking.