欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery選擇多張圖片上傳

王軒然1年前6瀏覽0評論

隨著互聯網的發展,前端開發技術也越來越先進和成熟。前端技術的不斷升級,為web開發注入了新的活力。而其中,jquery作為前端開發領域中的重量級腳本庫,被越來越多的開發者所熟知和使用。

在網頁開發中,圖片是一個很重要的元素,多張圖片的上傳更是日益普及。那么,本文就為大家介紹一下jquery如何選擇多張圖片進行上傳。

<input type="file" name="myFiles" multiple />

在html頁面中,我們使用input標簽,并將type屬性設置為file,這個input標簽便成為了一個文件上傳控件。其中,multiple屬性的存在代表著可以選擇多個文件進行上傳。

$('input[type=file]').change(function(){  
console.log($(this).val());  
});

在jquery中,我們通過監聽input標簽的change事件,獲取用戶選擇的文件路徑,并輸出在控制臺中。

$('form').submit(function(e){  
e.preventDefault();  
var formData = new FormData($(this)[0]);  
console.log(formData);  
});

在用戶選擇完待上傳文件后,我們需要將這些文件上傳至后臺服務器。在jquery中,我們可以使用FormData對象來進行文件上傳。FormData對象可以通過javascript來構造,將多個file對象放到formData中,然后使用ajax的post方式向后臺發送文件數據。

以上便是jquery選擇多張圖片進行上傳的實現方法。希望對大家有所幫助。