在進行頁面編寫的時候,我們有時會遇到需要上傳文件,下面我們就來總結一下,如何來上傳文件
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);
});
});
})
運行之後,就可以實現上傳文件夾了。