javaScript如何实现上传文件

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

1.上传单个文件

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

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

2.上传文件夹

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

html代码&＃xff1a;

jq代码&＃xff1a;

$(function () {

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

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

                    console.log(v.type&＃43;"&＃61;"&＃43;v.webkitRelativePath);

                });

            });

        })

运行之后&＃xff0c;就可以实现上传文件夹了。