jquery's ajaxSubmit() asynchronously uploads images and saves form data demo code_jquery

(jsp needs to be imported: jquery-1.9.0.js, jquery.form.js). The jsp page is made by bootstrap. Don’t worry about the tags you don’t understand. The form forms are similar. The code is relatively simple, just to demonstrate the use of ajaxSubmit to asynchronously upload pictures and save data, please share it!
(Reference: http://www.jb51.net/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html)
One: web (add.jsp)

Copy code The code is as follows:

pageEncoding="utf-8"%>















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="请登录";
}
%>

中文最大的购物经验分享平台

首页 |帮助

注册商圈

*商圈名：

*商圈logo：

*商圈英文名：

提交注册

© 2012 fingerknow.com |隐私条款|服务条款|粤ICP备12003619号-1

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

复制代码 代码如下:

@Controller
@RequestMapping(value = "/upload")
public class FileUploadController {
private Logger logger;
@RequestMapping(value = "upload.do", method = RequestMethod.POST)
public void fileUpload(HttpServletRequest request, HttpServletResponse response) {
Map resultMap = new HashMap();
String newRealFileName = null;
try {
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
CommonsMultipartFile file = (CommonsMultipartFile) multipartRequest.getFile("file");
// 获得文件名：
String realFileName = file.getOriginalFilename();
if(file.getSize()/1024>=5*1024){
resultMap.put("status", 1);
resultMap.put("message", "图片不能大于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();
}
File uploadFile = new File(ctxPath newRealFileName);
FileCopyUtils.copy(file.getBytes(), uploadFile);
request.setAttribute("files", loadFiles(request));
resultMap.put("status", 0);
resultMap.put("fileName", newRealFileName);
}
} catch (Exception e) {
resultMap.put("status", 1);
resultMap.put("message", "图片上传出错");
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();
}
}
}