在進行頁面編寫的時候，我們有時會遇到需要上傳檔案，下面我們就來總結一下，如何來上傳檔案

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

               });

           });

        })

執行之後，就可以實現上傳檔案夾了。