在做圖片上傳時發現一個蠻好用的控件，支援多張圖片同時上傳，可以點擊選擇圖片，也可以將圖片拖曳到上傳框直接上傳，方便，好用，介面也簡單，基本上可以直接放到專案裡使用。
先看看他的樣式：
選擇圖片後：
$(function(){ // 初始化插件$(#demo).zyUpload({ width : 650px, // 寬度height : 400px, // 寬度itemWidth : 120px, // 檔案項目的寬度itemHeight : 100px, // 檔案項目的高度url : /upload/UploadAction, // 上傳檔案的路徑multiple : true, // 是否可以多個檔案上傳dragDrop : true, // 是否可以拖曳上傳檔案del : true, // 是否可以刪除檔案finishDel : false, // 是否在上傳檔案完成後刪除預覽/* 外部獲得的回調介面*/ onSelect: function(files, allFiles){ // 選擇檔案的回呼方法console.info(目前選擇了下列檔案：); console.info(files); console.info(之前沒上傳的檔案：); console.info(allFiles); }, onDelete: function(file, surplusFiles){ // 刪除一個檔案的回呼方法console.info(目前刪除了此檔案：); console.info(file); console.info(目前剩餘的檔案：); console.info(surplusFiles); }, onSuccess: function(file){ //檔案上傳成功的回呼方法console.info(此檔案上傳成功：); console.info(file); }, onFailure: function(file){ // 檔案上傳失敗的回呼方法console.info(此檔案上傳失敗： ); console.info(file); }, onComplete: function(responseInfo){ // 上傳完成的回呼方法console.info(檔案上傳完成); console.info(responseInfo); } }); });直接在demo.js裡修改配置，url : /upload/UploadAction 放你的圖片上傳action，這個控制只是前台處理，後台的上傳還得自己寫
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。