插件描述：jQuery多文件上傳插件jquery.imageuploader.js，可以同時上傳多個文件并支持拖拽上傳

jquery.imageuploader.js

一款jquery多文件上傳插件。該jquery多文件上傳插件主要用于上傳圖片，它允許你選擇多個圖片文件，也可以直接拖拽圖片到指定區域，然后顯示圖片的預覽圖和信息，最后通過Ajax一次性上傳選擇的圖片到服務器上。該jquery多文件上傳插件的特點有：允許指定上傳圖片文件的格式。

可以生成上傳圖片的縮略圖預覽。

允許通過選擇或拖拽進行圖片選擇。

通過ajax請求上傳圖片到服務器。

上傳文件的界面樣式可以完全自定義。

使用方法

在頁面中引入jquery，jquery.imageuploader.js和樣式文件imageuploader.css。

HTML結構

上傳文件的表單需要用一個塊級元素包裹起來，類似下面的樣子。

選擇文件

初始化插件

在頁面DOM元素加載完畢之后，通過uploader()來初始化該jquery多文件上傳插件。$('.js-uploader__box').uploader({

//配置參數

});

配置參數

該jquery多文件上傳插件的可用配置參數有：參數默認值描述submitButtonCopy'Upload Selected Files'提交按鈕上顯示文本

instructionsCopy'Drag and Drop, or'一級選擇的標簽文本

furtherInstructionsCopy'You can also drop more files, or'二級選擇的標簽文本

selectButtonCopy'Select Files'一級選擇按鈕上的文本

secondarySelectButtonCopy'Select More Files'二級選擇按鈕上的文本

dropZone$('body')拖拽文件的區域，一個jquery對象。

fileTypeWhiteList['jpg', 'png', 'jpeg', 'gif', 'pdf']允許選擇的圖片或文件格式

badFileTypeMessage'Sorry, we're unable to accept this type of file.'發生上傳錯誤時的提示文本

ajaxUrl/ajax/upload文件上傳的ajax地址

總結

以上是生活随笔為你收集整理的ajax 批量上传图片插件,jQuery多文件上传插件jquery.imageuploader.js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。