CODEWITHSUNDEEP
jqueryhtmlfileinput
Kovo
Kovo

Reputation: 574

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

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.

Upvotes: 12

Views: 7320

Answers (3)

goamn
goamn

Reputation: 2136

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.

Upvotes: 1

Patrick R
Patrick R

Reputation: 6857

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

Upvotes: 2

Aisha
Aisha

Reputation: 247

i am also facing the same problem. someone has suggested me to use ajax and formdata to solve this problem as it is the default behavior of input type file to replace the old files with new selected one. u can try ajax and formdata for this problem and if it works please let me know. You can also check it here: html- input type="file" multiple

Upvotes: 0

Related Questions