*1. Bootstrap-Fileinput Plug-моктор GIT Download Adder
https://github.com/kartik-v/bootstrap-fileinput.git
2. Решите использование начального файла, чтобы получить возвратное значение
Загрузить картинки
$ ("#file-0a"). FileInput ({uploadUrl: "/upload_img", // загрузка urlallowedfileextensions для загрузки изображения: ['jpg', 'png', 'Gif'], перевертиильный: false, maxfilesize: 1000, // uploaded of file maxfiles Максимальное количество файлов initialCaption: «Пожалуйста, загрузите логотип продавца», // Начальное значение текстового поля // AlthfileTypes: ['Image', 'video', 'flash'], slugcallback: function (filename) {return filename.replace ('(', '_'). Заменить (']', '_');}});Обратите внимание, что после загрузки события изображения получите метод написания возврата значения
$ ('#file-0a'). on ('fileUploaded', function (Event, Data, PreviewId, Index) {var form = data.form, files = data.files, extment = data.extra, response = data.response, reader = data.reader; console.log (response); // printe out out jsonconsole.log (response);JSP Page
<input id = "file-0a" type = "file" multipledata-min-file-count = "1" name = "upload_logo">
где данные min-файла count = ”1” относится к минимальному количеству загруженных файлов
3. код сервера
Используйте собственный плагин Spring для загрузки, Framework-Springmvc
Фасоль
Импорт java.util.list; Public Class Picture {Private List <string> Paths; Public List <string> getPaths () {return Paths;} public void setPaths (list <string> paths) {this.paths = paths;}}Контроллер
@Responsebody@requestMapping (value = "upload_img", method = requestmethod.post) public picture oploadimage (@RequestParam MultipArtFile [] upload_logo) бросает ioException {log.info ("upload picture"); Picture Pic = new Picture (); list> paths = restlist <string>;); Uploadutil.getFolder (); for (multiplaartfile myfile: upload_logo) {if (myfile.isempty ()) {log.info ("файл не загружен"); } else {log.info ("Длина файла:" + myfile.getSize ()); log.info ("Тип файла:" + myfile.getContentType ()); log.info ("Имя файла:" + myfile.getName ()); log.info ("имя файла:" + myfile.getoriginalfilename ()); log.info ("====================================================================================================== ========================================================================================== ========================================================================================== ========================================================================================== Uploadutil.writefile (myfile.getoriginalfilename (), dir, myfile.getinputstream ()); log.info ("pail path:"+paths.d.dd (path);}} pic.setpaths (paths); return pic;}uploadutil
Private Static Final Logger log = loggerFactory.getLogger (uploadutil.class); private uploadutil () {} private static simpledateformat fullsdf = new SimpleDateFormat ("yyyyMmddhhmmssssss"); private static simpledateformat folder = new SimpleDateFormat ("yyyy" + file.separator + "mm" + file.separator + "dd");/*** return to yyyy file.separator mm file.separator dd format string* @ @return*/public static getFolder () {return worled (return hate (new Date () *** *** *** office wopload (return hateload (new Date (); srcName* Original file name* @param dirName* Directory name* @param input* Input stream to be saved* @return Return the path to be saved to the database*/public static String writeFile(String srcName, String dirName, InputStream input) throws IOException {log.info(srcName);// Take out the uploaded directory, this directory is the virtual directory configured В Tomcat Server.xml string uploaddir = contextutil.getsysprop ("upload_dir"); // Установить путь загрузки // Принесите путь доступа виртуальной строки virtualdir = contextUtil.getSysprop ("virtual_dir"); // Установить путь доступа к вашему виртуальному управлению ////rename the file ifr srcname.substring (srcname.indexof ("."));} else {srcname = ".jpg";} String filename = ""; // Получение пути файла на загрузку filename = oploaddir + file.saparator + dirname + separator + pullsdf.format (new hate () + spartam в строку данных savePath = fileName.replace (uploadDir, ""); savePath = virtualDir + savePath.replace ("//", "/"); file file = new File (filename); if (! file.getParentfile (). fileyt ()) {file.getParentFile (). FileOutputStream (file); // один раз 30 кббит [] readBuff = new Byte [1024 * 30]; int count = -1; while ((count = input.read (readbuff, 0, readbuff.length))! = -1) {fos.write (readbuff, 0, count);} fos.flush (); fos.clase ();4. решить некоторые проблемы, возникшие во время загрузки
Если вы столкнетесь с щелчком для загрузки, панель прогресса отображается как 100%, а на странице JSP отображается [Object, OBEJCT], а затем обратите внимание на то, есть ли возвращенный объект JSON, который вы находитесь в фоновом режиме.
Выше приведено метод подключаемого модуля Bootstrap FileInput для реализации нескольких загрузок файлов, которые редактор представил вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!