使用html中的单个输入文件上传多个文件

时间:2014-03-06 16:43:28

标签: javascript jquery html

无论我从一个html输入文件元素浏览,我都需要上传文件。如果我第一次使用该文件元素选择文件并再次通过选择其他文件来更改该选择,最后我需要通过同时选择文件来提交表单。

<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>

提前致谢。

1 个答案:

答案 0 :(得分:1)

您可以使用一个输入轻松选择多个文件:

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