javaScript如何实现上传文件

在进行页面编写的时候，我们有时会遇到需要上传文件，下面我们就来总结一下，如何来上传文件

1.上传单个文件

上传单个文件比较简单，直接通过设置input元素的属性type=“file”即可实现



运行之后，点击选择文件，就可以选择任意位置的单个文件。

2.上传文件夹

实现上传文件夹稍微复杂一点

html代码：

<formmethod="post" enctype="multipart/form-data" action="/upload/aaa">
    <input type="file"id="files" name="files[]" webkitdirectorymozdirectory>
    <input type="submit"value="确认上传文件夹">
</form>

jq代码：

$(function () {

           $("#files").on("change",function (e) {

               $.each(this.files,function (k,v) {

                   console.log(v.type+"="+v.webkitRelativePath);

               });

           });

        })

运行之后，就可以实现上传文件夹了。