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

               });

           });

        })

運行之後,就可以實現上傳文件夾了。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章