jquery の ajaxSubmit() は画像を非同期でアップロードし、フォームデータを保存します。デモ code

(jsp をインポートする必要があります: jquery-1.9.0.js、jquery.form.js)。jsp ページはブートストラップによって作成されます。フォームのフォームは似ています。このコードは比較的単純で、ajaxSubmit を使用して画像を非同期にアップロードし、データを保存する方法を示すだけです。ぜひ共有してください。
(参考: http://www.jb51.net/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html)
1: Web (add.jsp)

コードをコピーコードは次のとおりです:

<%@page import="com.fingerknow.project.vo.UserInformation"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

注册商圈

<%
response.setCharacterEncoding("utf-8");//这个是设置编码方式
response.setContentType("text/html");//这个是设置网页类型，为文本代码
UserInformation user=null;
String username="";
Integer userId=null;
if(request.getSession().getAttribute("userinfo")!=null){
user=(UserInformation)request.getSession().getAttribute("userinfo");
username=user.getUsername();
userId=user.getUserId();
}else{
username="请登录";
}
%>

二：service(FileUploadController.java ----springMVC 之controller层)

复制代码代幣如下:

 
@Controller 
@RequestMapping(value = "/upload") 
public class FileUploadController { 
private Logger ロガー; 
@RequestMapping(value = "upload.do", method = RequestMethod.POST) 
public void fileUpload(HttpServletRequest request, HttpServletResponse response) { 
Map resultMap = 新しい HashMap(); 
文字列 newRealFileName = null; 
try { 
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) リクエスト; 
CommonsMultipartFile file = (CommonsMultipartFile) multipartRequest.getFile("file"); 
// 取得ファイル名： 
String realFileName = file.getOriginalFilename(); 
if(file.getSize()/1024>=5*1024){ 
resultMap.put("ステータス", 1); 
resultMap.put("メッセージ", "画像は5Mを超えることはできません"); 
}else{ 
System.out.println("获得文件名：" realFileName); 
newRealFileName = FileUploadController.getNowTime() realFileName.substring(realFileName.indexOf(".")); 
// 获取路径 
String ctxPath = request.getSession().getServletContext().getRealPath("//") "//temp//"; 
// 创建文件 
File dirPath = new File(ctxPath); 
if (!dirPath.exists()) { 
dirPath.mkdir(); 
} 
ファイルアップロードファイル = 新しいファイル(ctxPath newRealFileName); 
FileCopyUtils.copy(file.getBytes(), UploadFile); 
request.setAttribute("files",loadFiles(request)); 
resultMap.put("ステータス", 0); 
resultMap.put("ファイル名", newRealFileName); 
} 
} catch (例外 e) { 
resultMap.put("ステータス", 1); 
resultMap.put("メッセージ", "图片上传出错"); 
logger.info("***** 画像上传出错 *****"); 
System.out.println(e); 
}finally { 
PrintWriter out = null; 
try { 
out = response.getWriter(); 
} catch (IOException e) { 
e.printStackTrace(); 
} 
//必须设置字符编码、そうでない場合はjson会乱コードを返します 
response.setContentType("text/html;charset=UTF-8"); 
out.write(JSONSerializer.toJSON(resultMap).toString()); 
out.flush(); 
out.close(); 
} 
} 
} 