ホームページ > ウェブフロントエンド > jsチュートリアル > jquery の ajaxSubmit() は画像を非同期でアップロードし、フォーム データを保存します。デモ code_jquery

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

WBOY
リリース: 2016-05-16 17:32:49
オリジナル
1187 人が閲覧しました

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


















注册商圈









































© 2012 Fingerknow.com |隐私条項|< ;/span>服务条項|











二: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();
}
}
}
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート