- jsp如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/index2.css" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.7.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
</head>
<script type="text/javascript">
function add() {
var formData = new FormData();
formData.append('file', $('#fileId')[0].files[0]); //添加图片信息的参数
formData.append("name", $("#name").val());
formData.append("szm", $("#szm").val());
$.ajax({
url: "add",
type: "post",
dataType: "json",
cache: false,
data: formData,
processData: false,// 不处理数据
contentType: false, // 不设置内容类型
success: function (data) {
alert("添加成功");
window.location = "list";
}
})
}
</script>
</head>
<body>
<%--<form id="sform" action="add" method="post" enctype="multipart/form-data">--%>
<table>
<tr>
<td>名称</td>
<td><input type="text" name="name" id="name"></td>
</tr>
<tr>
<td>首字母</td>
<td><input type="text" name="szm" id="szm"></td>
</tr>
<tr>
<td>图片</td>
<td><input type="file" name="file" id="fileId"></td>
</tr>
<tr>
<td>
<button onclick="add()">添加</button>
</td>
</tr>
</table>
</body>
</html>
- 后端代码,如下:
/**
* 添加
*/
@RequestMapping("add")
@ResponseBody
public String add(Zks zks, MultipartFile file) {
zks.setLogo(Upload.upload(file));
zksDao.add(zks);
return "ok";
}