*1.BOOTSTRAP-FileInpute Plug-in عنوان تنزيل GIT
https://github.com/kartik-v/bootstrap-fileinput.git
2. حل استخدام ملف bootstrap-fileinput للحصول على قيمة الإرجاع
تحميل الصور
$ ("#file-0a"). fileInput ({exploadurl: "/epload_img" ، // تم تحميل urlallowedfileStensions لتحميل الصورة: ['jpg' ، 'png' ، 'gif'] ، الكتابة فوق: maxfilesize: 1000 ، // exploaded maint the maint the file maxf the الحد الأقصى لعدد الملفات initialcaption: "يرجى تحميل شعار Merchant" ، // قيمة مربع النص الأولي // المسموح بها: ["Image" ، "video" ، "Flash"] ، SlugCallback: function (filename) {return filename.replace ('(' ، '_').لاحظ أنه بعد تحميل حدث الصورة ، احصل على طريقة كتابة قيمة الإرجاع
$ ('#file-0a'). on ('fileUploaded' ، function (الحدث ، البيانات ، المعاينة ، الفهرس) {var form = data.form ، files = data.files ، extra = data.extra ، reponse = data.response ، revers = data.reader ؛ console.log (response) ؛صفحة JSP
<input id = "file-0a" type = "file" multipledata-min-file-count = "1" name = "upload_logo">
حيث يشير count-count-count = "1" إلى الحد الأدنى لعدد الملفات التي تم تحميلها
3. رمز الخادم
استخدم المكون الإضافي الخاص بـ Spring الخاص للتحميل ، الإطار هو SPRINGMVC
الفول
استيراد java.util.list ؛ صورة الفئة العامة {قائمة خاصة <string> المسارات ؛ القائمة العامة <string> getPaths () {return paths ؛} public void setPaths (قائمة <string> مسارات) {this.paths = paths ؛}}وحدة تحكم
@desponseBody@requestMapping (value = "upload_img" ، method = requestMethod.post) public pictureploadImage (@requestparam multipartfile [] appload_logo) يلقي ioException {log.info ( TOPLOATUTIL.GETFOLDER () ؛ for (multipartfile myfile: upload_logo) {if (myfile.isempty ()) {log.info ("ملف لم يتم تحميله") ؛ } آخر {log.info ("طول الملف:" + myfile.getSize ()) ؛ log.info ("نوع الملف:" + myfile.getContentType ()) ؛ log.info ("اسم الملف:" + myfile.getName ()) ؛ log.info ("اسم الملف:" + myfile.getoriginalfilename ()) ؛ log.info ("======================================================================================= ================================================================================================ ================================================================================================ ============================================================================================================================ TOPLOATUTIL.WRITEFILE (myfile.getoriginalfilename () ، dir ، myfile.getInputStream ()) ؛ log.info ("مسار الملف:"+path) ؛ paths.add (path) ؛}} pic.setPaths (paths) ؛ return pic ؛}تحميل
Logger Final Static Private = loggerfactory.getLogger (ToploadUtil.class) ؛ private uploaduTil () {} private static simpledateformat fullsdf = new SimpleDateFormat ("YyyyMMDDHHMMSSSSSS") ؛ مجلد SimpleDateFormat ثابت خاص = جديد simpledateFormat ("yyyy" + file.separator + "mm" + file.separator + "dd") ؛/*** return to yyyy file.separator mm file.separator dd forts** @return*/public static string get () srcname* اسم الملف الأصلي* param dirname* اسم الدليل* param إدخال* دفق الإدخال ليتم حفظه* reverurn إرجاع المسار المراد حفظه إلى database*/public static String writefile (String srcname ، string dirname ، inputstream input). في tomcat's server.xml string eploaddir = contextutil.getsysprop ("epload_dir") ؛ // قم بتعيين مسار التحميل // جلب مسار الوصول لسلسلة الدليل الافتراضية virtualdir = contextutil.getsysprop ("dimitual_dir") {srcname = srcname.substring (srcname.indexof (". srcname ؛ // احصل على المسار المراد حفظه في سلسلة البيانات SavePath = filename.replace (eploaddir ، "") ؛ savePath = VirtualDir + savePath.replace ("//" ، "/") {file.getParentFile (). mkdirs () ؛} fileOutputStream fos = new FileOtputStream (file) ؛ // مرة واحدة 30 كيلو بايت [] readbuff = new byte [1024 * 30] ؛ int count = -1 ؛ count) ؛} fos.flush () ؛ fos.close () ؛ input.close () ؛ return savepath ؛}4. حل بعض المشكلات التي واجهتها أثناء التحميل
إذا واجهت نقرة لتحميل ، يتم عرض شريط التقدم بنسبة 100 ٪ ، وتظهر صفحة JSP [Object ، Obejct] ، ثم انتبه إلى ما إذا كان كائن JSON الذي تم إرجاعه في الخلفية.
ما سبق هو طريقة المكون الإضافي الخاص بـ bootstrap fileInput لتنفيذ تحميلات متعددة من عمليات تحميل الملفات التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!