servlet
package com.thinkive.web.access.login;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import com.alibaba.fastjson.JSONObject;
@WebServlet("/UploadServlet")
public class UploadServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
Logger logger = LoggerFactory.getLogger(UploadServlet.class);
// 上传文件存储目录
private static final String UPLOAD_DIRECTORY = "tampUpload";
// 上传配置
private static final int MEMORY_THRESHOLD = 1024 * 1024 * 3; // 3MB
private static final int MAX_FILE_SIZE = 1024 * 1024 * 40; // 40MB
private static final int MAX_REQUEST_SIZE = 1024 * 1024 * 50; // 50MB
/**
* 上传数据及保存文件
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 检测是否为多媒体上传
if (!ServletFileUpload.isMultipartContent(request)) {
// 如果不是则停止
PrintWriter writer = response.getWriter();
writer.println("Error: 表单必须包含 enctype=multipart/form-data");
writer.flush();
return;
}
// 配置上传参数
DiskFileItemFactory factory = new DiskFileItemFactory();
// 设置内存临界值 - 超过后将产生临时文件并存储于临时目录中
factory.setSizeThreshold(MEMORY_THRESHOLD);
// 设置临时存储目录
factory.setRepository(new File(System.getProperty("java.io.tmpdir")));
ServletFileUpload upload = new ServletFileUpload(factory);
// 设置最大文件上传值
upload.setFileSizeMax(MAX_FILE_SIZE);
// 设置最大请求值 (包含文件和表单数据)
upload.setSizeMax(MAX_REQUEST_SIZE);
// 中文处理
upload.setHeaderEncoding("UTF-8");
// 构造临时路径来存储上传的文件
// 这个路径相对当前应用的目录
String imgPath = File.separator + getFormatDate();
String uploadPath = request.getServletContext().getRealPath("./") + File.separator + UPLOAD_DIRECTORY + imgPath;
// 如果目录不存在则创建
File uploadDir = new File(uploadPath);
if (!uploadDir.exists()) {
uploadDir.mkdirs();
}
JSONObject json = new JSONObject();
try {
// 解析请求的内容提取文件数据
List<FileItem> formItems = upload.parseRequest(request);
if (formItems != null && formItems.size() > 0) {
// 迭代表单数据
for (FileItem item : formItems) {
// 处理不在表单中的字段
if (!item.isFormField()) {
String fileName = new File(item.getName()).getName();
String filePath = uploadPath + File.separator + fileName;
File storeFile = new File(filePath);
// 在控制台输出文件的上传路径
// 保存文件到硬盘
item.write(storeFile);
System.out.println(filePath);
json.put("error_no", 0);
// 返回上传文件的路径给前端
json.put("filePath", File.separator + "tampUpload" + imgPath + File.separator + fileName);
json.put("error_msg", "文件上传成功!");
}
}
}
} catch (Exception e) {
// logger.info("【上传文件错误】", e);
json.put("error_no", -1);
json.put("error_msg", "文件上传失败!");
e.printStackTrace();
}
response.setContentType("text/html;charset=utf-8");
response.getWriter().write(json.toString());
response.getWriter().flush();
}
private static String getFormatDate() {
SimpleDateFormat sdf = new SimpleDateFormat("YYYYMMdd");
return sdf.format(new Date()).toString();
}
}
web.xml
<servlet>
<servlet-name>UploadServlet</servlet-name>
<servlet-class>com.thinkive.web.access.login.UploadServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UploadServlet</servlet-name>
<url-pattern>/servlet/file/UploadAction</url-pattern>
</servlet-mapping>
pom.xml
<!-- 文件上传 -->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.3</version>
</dependency>
jsp
<form method="post" action="/servlet/file/UploadAction" enctype="multipart/form-data">
选择一个文件:
<input type="file" id="file" name="file" style="display:none;" onchange="filechange(event)">
<img src="" width="200px" height="200px" id="img-change" />
<input type="submit" value="上传图片">
</form>
<!-- 引入jquery哦 -->
<script src="/html/js/jquery-1.10.2.min.js"></script>
<script>
$("#img-change").click(function () {
$("#file").click();
});
var filechange=function(event){
var files = event.target.files, file;
if (files && files.length > 0) {
// 获取目前上传的文件
file = files[0];// 文件大小校验的动作
if(file.size > 1024 * 1024 * 2) {
alert('图片大小不能超过 2MB!');
return false;
}
// 获取 window 的 URL 工具
var URL = window.URL || window.webkitURL;
// 通过 file 生成目标 url
var imgURL = URL.createObjectURL(file);
//用attr将img的src属性改成获得的url
$("#img-change").attr("src",imgURL);
// 使用下面这句可以在内存中释放对此 url 的伺服,跑了之后那个 URL 就无效了
// URL.revokeObjectURL(imgURL);
}
};
</script>