java web 文件上传_lms 上传文件-CSDN博客

本文链接：https://blog.csdn.net/lmsnice/article/details/108454120

前端页面，需要导入jquery.min.js文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#img").change(function() {
			//创建ForData对象，专门用于文件上传
			var fd = new FormData();
			//2、得到上传的文件,第一个数组（可能不同的标签有相同id）,第二是数组（可能传了多个文件，使用multipart="multipart"属性可以传入多个文件）
			var file = $("#img")[0].files[0];
			//3、将文件放入到formata中
			fd.append("headImg",file);
			//4、发送文件（url需要与自己的项目对应，也就是确保后台代码可以接收到这个请求）
			$.ajax({
				url:"/file/upload",
				type:"post",
				data:fd,
				//是否序列化,文件本身就是二进制的数据，所以不需要序列化
				processData:false,
				//指定数据类型，设置为false表示告知服务器将提交的数据当做普通文件处理
				contentType:false,
				success:function(res){
					$("#headImg").prop("src",res.data);
				}
			});
		})
	});
</script>
</head>
<body>
	<img alt="" src="" id="headImg">
	<input type="file" name = "headImg" id="img">
</body>
</html>

后台的java代码

import java.io.File;
import java.io.IOException;
import java.util.Random;
import java.util.UUID;

import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;

import com.woniuxy.entity.User;
import com.woniuxy.service.UserService;
import com.woniuxy.service.impl.UserServiceImpl;
import com.woniuxy.utils.ResultUtil;
import com.woniuxy.utils.SendDataUtil;
@WebServlet("/file/upload")//与前台发送请求的url要可以对应上，确保可以收到请求
@MultipartConfig      //开启文件上传的一些配置
public class FileServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
    public FileServlet() {
        super();
    }
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//1、获取文件对象
		Part file = request.getPart("headImg");
		//2、获取文件名
		String fileName = file.getSubmittedFileName();
		System.out.println(fileName);
		//3、获取文件存储的路径
		//获取ServletContext(servlet上下文对象)对象
		//通过上下文对象获取当前项目下的目录、文件的路径，此处没有写任何文件，目录、所以返回的是项目根路径
		String path = request.getServletContext().getRealPath("");
		File root = new File(path);
		//得到更根目录的上一层目录 webapps
		File webapps = root.getParentFile();
		//得到文件存放的目录
		File upload = new File(webapps, "upload");
		//判断文件夹是否存在
		if(!upload.exists()) {
			upload.mkdirs();//创建文件夹
		}
		//处理名字  UUID工具类生成一个随机的字符串（32位）
		String radom_name = UUID.randomUUID().toString();
		//得到文件的后缀名
		String sufix = fileName.substring(fileName.lastIndexOf("."));
		fileName = radom_name+sufix;
		//得到文件全路径
		File dest = new File(upload,fileName);
		//写入文件（将上传的文件写入到一个地方）
		file.write(dest.getAbsolutePath());
		//向前端回复消息
		Map<String, String> res = new HashMap<>();
		res.put("res", "上传成功");
		String data = JSON.toJSONString(res);
		response.setContentType("application/json;charset=utf-8");
		try {
			response.getWriter().write(data);
			response.getWriter().flush();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}