*1.BootStrap-FileInput Plug-in Git Address
https://github.com/kartik-v/bootstrap-fileInput.git
2. Selesaikan penggunaan FILEInput Bootstrap untuk mendapatkan nilai pengembalian
Unggah gambar
$("#file-0a").fileinput({uploadUrl : "/upload_img",//Uploaded the urlallowedFileExtensions for uploading the image: [ 'jpg', 'png', 'gif' ],overwriteInitial : false,maxFileSize : 1000,//Uploaded the maximum size of the file maxFilesNum : 1,//Uploaded the Jumlah maksimum file InitialCaption: "Harap unggah logo pedagang", // nilai kotak teks awal // diizinkan fileetypes: ['image', 'video', 'flash'], slugcallback: function (fileName) {return filename.replace ('(', '_'). ganti ('],' _ _);Perhatikan bahwa setelah mengunggah acara gambar, dapatkan metode penulisan nilai pengembalian
$ ('#file-0a'). on ('fileuploaded', function (event, data, previewid, index) {var form = data.form, file = data.files, extra = data.extra, response = data.response, pembaca = data.Halaman JSP
<input id = "file-0a" type = "file" multipledata-min-file-count = "1" name = "unggah_logo">
di mana data-min-file count = "1" mengacu pada jumlah minimum file yang diunggah
3. Kode server
Gunakan plug-in Spring sendiri untuk mengunggah, kerangka kerja adalah SpringMVC
Kacang
import java.util.list; gambar kelas publik {daftar private <string> jalur; daftar publik <string> getPaths () {return paths;} public void setPaths (Daftar <String> paths) {this.paths = paths;}}Pengontrol
@ResponseBody@RequestMapping(value="upload_img",method=RequestMethod.POST)public Picture uploadImage(@RequestParam MultipartFile[] upload_logo) throws IOException{log.info("Upload picture");Picture pic = new Picture();List<String> paths = new ArrayList<String>();String dir = Unggahutil.getFolder (); untuk (multipartfile myfile: unggah_logo) {if (myfile.isempty ()) {log.info ("File tidak diunggah"); } else {log.info ("Panjang file:" + myfile.getsize ()); log.info ("Jenis file:" + myfile.getContentType ()); log.info ("Nama file:" + myfile.getName ()); log.info ("Nama file:" + myfile.getoriginalfileName ()); log.info ("===================================================================================================================================================================================== ================================================================================================================================================== ================================================================================================================================================== ======================================================================================================================== Unggahutil.writeFile (myfile.getoriginalfileName (), dir, myfile.getInputStream ()); log.info ("Path file:"+path); paths.add (path);}} pic.setpaths (jalur); return pic;}unggah
logger final static private = loggerFactory.getLogger (unggahutil.class); private unggah () {} private static SimpleDateFormat fullSDF = new SimpleDateFormat ("yyyymmddhhmmsssss"); folder private static SimplateFormat = new SimpleDateFormat ("yyyy" + file.separator + "mm" + file.separator + "dd");/*** kembali ke file yyyy. @param srcname* Nama file asli* @param dirname* Nama direktori* Input @param* Surga input yang akan disimpan* @return mengembalikan jalur yang akan disimpan ke database*/string statis public writefile (string srcname, string dirname, inputStream input) lemparan ioException {logie logie {logie logie {lo log.inname (/inpole load {lo log.inname) {lo log.inname) directory is the virtual directory configured in tomcat's server.xml String uploadDir = ContextUtil.getSysProp("upload_dir");//Set the upload path//Fetch the access path of the virtual directory String virtualDir = ContextUtil.getSysProp("virtual_dir");//Set the access path of your virtual directory//Rename the file if (null != srcname) {srcname = srcname.substring (srcname.indexof ("."));} else {srcname = ".jpg";} string filename = ""; // dapatkan jalur file untuk mengunggah fileName = unggah + file. + srcname; // Dapatkan jalur yang akan disimpan ke string data savePath = filename.replace (unggahdir, ""); savePath = virtualdir + savePath.replace ("//", "/"); File file = file baru (nama file); if (! file.getParentfile (). {file.getParentFile (). mkdirs ();} FileOutputStream fos = FileOutputStream baru (file); // Setelah 30kbbyte [] readBuff = byte baru [1024 * 30]; int count = -1; while (count = input.read (readbuff, 0, readbuff.length. hitung);} fos.flush (); fos.close (); input.close (); return savePath;}4. Selesaikan beberapa masalah yang dihadapi selama mengunggah
Jika Anda menemukan klik untuk mengunggah, bilah kemajuan ditampilkan sebagai 100%, dan halaman JSP menunjukkan [objek, obeJCT], maka perhatikan apakah objek JSON yang dikembalikan Anda berada di latar belakang.
Di atas adalah metode plug-in FileInput Bootstrap untuk mengimplementasikan beberapa file unggahan yang telah diperkenalkan oleh editor kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!