*1.Pootstrap-FileInput Plug-in Git Download Endereço
https://github.com/kartik-v/bootstrap-fileinput.git
2. Resolva o uso de Bootstrap-FileInput para obter o valor de retorno
Carregue fotos
$("#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 Número máximo de arquivos InitialCaption: "Envie o logotipo do comerciante", // o valor inicial da caixa de texto // PermitidoFiletypes: ['Image', 'Video', 'Flash'], SlugCallback: function (FileName) {return filename.replace ('(', '_').Observe que, após o upload do evento de imagem, obtenha o método de escrita de valor de retorno
$ ('#FILE-0A').Página JSP
<input id = "file-0a" type = "arquivo" multiplledata-min-fil-Count = "1" name = "upload_logo">
onde dados-min-arquivo-contam = "1" refere-se ao número mínimo de arquivos enviados
3. Código do servidor
Use o próprio plug-in da Spring para fazer upload, a estrutura é Springmvc
Feijão
importar java.util.list; public class Picture {Private List <String> Paths; public List <String> getPaths () {retornar caminhos;} public void SetPaths (list <string> caminhos) {this.paths = paths;}}Controlador
@ResponseBody@requestmapping (value = "upload_img", método = requestmethod.post) public picture uploadImage (@RequestParam MultipartFile [] upload_logo) lança ioexception {log.info ("upload picture"); foto foto); UploadUTIL.GetFolder (); para (MultipartFile myFile: upload_logo) {if (myfile.isempty ()) {log.info ("arquivo não carregado"); } else {log.info ("comprimento do arquivo:" + myfile.getSize ()); log.info ("Tipo de arquivo:" + myfile.getContentType ()); log.info ("Nome do arquivo:" + myfile.getName ()); log.info ("Nome do arquivo:" + myfile.getoriginalfilename ()); log.info("========================================================================================= =================================================================================================== =================================================================================================== ==================================================================================================== UploadUtil.WriteFile (myfile.getoriginalfilename (), dir, myfile.getInputStream ()); log.info ("caminho do arquivo:"+path); paths.add (path);}} pic.setpaths (caminhos); retornar pic;}uploadUtil
LOGTER DE LOGGER ESTÁTICO PRIVADO STATIC = LoggerFactory.getLogger (UPLOPLUTIL.CLASS); private uploadUtil () {} estática privada SimpleDateFormat FullSdf = new SimpleDateFormat ("yyyymmddhhmmsssss"); estática privada simpledateFormat pasta = new SimpleDateFormat ("yyyyy" + file.separator + "mm" + file.separator + "dd");/*** retornar a yyyy file.separator mm file.separator dd format string** @return*/public static string ()/) SRCNAME* Nome do arquivo original* @param Dirname* Nome do diretório* @param entrada* fluxo de entrada para ser salvo* @return retorna o caminho a ser salvo ao banco de dados*/public static string writefile (string srcname, string dirName, inputStream input) thurrows ioxception {Log.info diretório configurado no server.xml string uploaddir = contextUtil.getSysProp ("upload_dir"); // defina o caminho de upload // busca o caminho de acesso do diretório virtual string (string virtualdir = contextUtil.getsysProp ("virtual_dir"); {srcname = srcname.substring (srcname.indexof ("."));} else {srcname = ".jpg";} string filename = ""; // obtenha o caminho do arquivo para fazer upload filename = uploaddir + arquivo.separator + detName +.se.se.se.Seark srcname; // Obtenha o caminho a ser salvo para a string de dados salvath = filename.replace (uploaddir, ""); savepath = virtualdir + savepath.replace ("//", "/"); file = new File.ghename); if (! file.getParentFile (). Exist ()) {) {FILEMENT); fos = new FileOutputStream (arquivo); // uma vez 30kbbyte [] readBuff = novo byte [1024 * 30]; int conting = -1; while (count = input.read (readbuff, 0, readbuff.length)! savePath;}4. Resolva alguns problemas encontrados durante o upload
Se você encontrar um clique para fazer upload, a barra de progresso será exibida como 100%, e a página JSP mostra [objeto, obejct] e depois preste atenção no fato de o objeto JSON retornado que você está em segundo plano.
O acima é o método do plug-in FileInput da Bootstrap para implementar vários uploads de arquivos que o editor apresentou a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!