Multiple file upload using single input file in html [duplicate]

Question

I need to upload files whatever i browse from one html input file element. If i select a file first time using that file element and again changing that selection by picking some other file, finally i need to submit form by having that both file selection.

<html>

 <script>
     function loadFiles(){
        var form = document.getElementById("imageUploadForm");
        var file = document.getElementById("fileSelector");
        var mi = document.createElement("input");
        mi.setAttribute('type', 'file');
        mi.setAttribute('value', file.value);
        document.getElementById("imageUploadForm").innerHTML = form.innerHTML + mi;
        file.value = "";
     }
 </script>
 <form>
    <div id="imageUploadForm">
    <input type="file" onchange="loadFiles()" id="fileSelector"/>
    <input type="submit" value="Upload">
    </div>
 </form>
</html>

Thanks in advance.

Your answer is probably stackoverflow.com/questions/1593225/… — vogomatix
– vogomatix, Commented Mar 6, 2014 at 16:46

apohl · Accepted Answer · 2014-03-06 16:47:03Z

0

You can easily select multiple files with one input:

<input type="file" name="img" multiple>

answered Mar 6, 2014 at 16:47

apohl

1,92327 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jned29 Over a year ago

not sure if this is the answer on the question but if you select in multiple and realize you need to add more files like when selecting in different file location?

Collectives™ on Stack Overflow

Multiple file upload using single input file in html [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related