jquery의 ajaxSubmit()은 이미지를 비동기적으로 업로드하고 양식 데이터 데모 code

jquery의 ajaxSubmit()은 이미지를 비동기적으로 업로드하고 양식 데이터 데모 code_jquery를 저장합니다.

WBOY

풀어 주다： 2016-05-16 17:32:49

원래의

1203명이 탐색했습니다.

(jsp를 가져와야 합니다: jquery-1.9.0.js, jquery.form.js). jsp 페이지는 bootstrap으로 만들어집니다. 이해하지 못하는 태그에 대해 걱정하지 마십시오. 양식 양식은 유사합니다. 코드는 상대적으로 간단합니다. ajaxSubmit을 사용하여 비동기적으로 사진을 업로드하고 데이터를 저장하는 방법을 보여주기 위한 것입니다. 공유해 주세요!
(참고: http://www.jb51.net/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html)
하나: 웹(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 logger; 
@RequestMapping(값 = "upload.do", 메소드 = RequestMethod.POST) 
public void fileUpload(HttpServletRequest 요청, HttpServletResponse 응답) { 
Map resultMap = new HashMap(); 
문자열 newRealFileName = null; 
try { 
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) 요청; 
CommonsMultipartFile 파일 = (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("获得文件name：" realFileName); 
newRealFileName = FileUploadController.getNowTime() realFileName.substring(realFileName.indexOf(".")); 
// 获取路径 
String ctxPath = request.getSession().getServletContext().getRealPath("//") "//temp//"; 
// 创建文件 
파일 dirPath = new File(ctxPath); 
if (!dirPath.exists()) { 
dirPath.mkdir(); 
} 
파일 업로드파일 = 새 파일(ctxPath newRealFileName); 
FileCopyUtils.copy(file.getBytes(), uploadFile); 
request.setAttribute("files", loadFiles(요청)); 
resultMap.put("상태", 0); 
resultMap.put("fileName", newRealFileName); 
} 
} catch(예외 e) { 
resultMap.put("status", 1); 
resultMap.put("message", "图文上传出错"); 
logger.info("***** 사진 상위 발행 *****"); 
System.out.println(e); 
} 마침내 { 
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(); 
} 
} 
} 

jquery의 ajaxSubmit()은 이미지를 비동기적으로 업로드하고 양식 데이터 데모 code_jquery를 저장합니다.

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

注册商圈