麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > HTML5 > 正文

html5實現多圖片預覽上傳及點擊可拖拽控件

2024-09-05 07:22:26
字體:
來源:轉載
供稿:網友

在做圖片上傳時發現一個蠻好用的控件,支持多張圖片同時上傳,可以點擊選擇圖片,也可以將圖片拖拽到上傳框直接上傳,方便,好用,接口也簡單,基本可以直接放到項目里使用。

先看看他的樣式:

選擇圖片后:

$(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,這個控件只是前臺處理,后臺的上傳還得自己寫

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 91短视频版高清在线观看免费 | 久久人人爽人人爽人人片av免费 | 在线播放黄色片 | 国产精品亚洲三区 | av最新在线 | 久久精品国产亚洲7777小说 | 在线观看国产一区二区 | 在线播放一区二区三区 | 国产一级免费在线视频 | 国产va在线观看免费 | 久久久成人精品视频 | 一区二区三区欧美在线观看 | 狠狠操视频网站 | 中国av中文字幕 | 免费观看黄视频 | av免费在线播放网址 | 国产一有一级毛片视频 | 亚洲精品a在线观看 | 午夜色片 | 国产精品免费观看视频 | 茄子福利视频 | 美国一级免费视频 | 亚洲一区二区三区视频免费 | 国产精品一区二区手机在线观看 | 国产一级免费电影 | 中文字幕在线视频网站 | 久久精品在线免费观看 | 蜜桃成品人免费视频 | 国产精品欧美久久久久一区二区 | mmmwww| 国产精选久久久 | 久久亚洲成人网 | 亚洲精品一区二区三区免 | av大全在线免费观看 | 在线播放亚洲视频 | 欧美大屁股精品毛片视频 | 91精品动漫在线观看 | av在线免费观看网址 | 国产在线中文 | 久久久久久久.comav | 国产精品久久久久久久av三级 |