在网上搜了很多,大多都是什么存储字节啥的,看起来很复杂。做课设的时候,从视频(乐字节-云R记)里看到了一个简洁、好理解的方法,其思路如下:
上传图片: 前台: 表单类型 enctype="multipart/form-data" 提交方式 method="post" 后台: 注:文件上传必须在Servlet类上添加注解! @MultipartConfig 1. 获取Part对象 request.getPart("name"); name代表的是file文件域的name属性值 2. 通过Part对象获取上传文件的文件名 3. 判断文件名是否为空 4. 获取文件存放的路径 WEB-INF/upload/目录中 5. 上传文件到指定目录 6. 更新用户头像 (将原本用户对象中的默认头像设置为上传的文件名) 7. 调用Dao层的数据库更新方法,返回受影响的行数 8. 判断受影响的行数 如果大于0,则修改成功;否则修改失败
加载头像 前台: 设置img标签的src属性,请求后台加载头像 src="user?actionName=userHead&imageName=图片名称" (通过el表达式熊session中获取) 后台: 1. 获取参数 (图片名称) 2. 得到图片的存放路径 (request.getServletContext().getealPathR("/")) 3. 通过图片的完整路径,得到file对象 4. 通过截取,得到图片的后缀 5. 通过不同的图片后缀,设置不同的响应的类型 6. 利用FileUtils的copyFile()方法,将图片拷贝给浏览器
实现上上传文件代码: try { // 1. 获取Part对象 request.getPart("name"); name代表的是file文件域的name属性值 Part part = request.getPart("img"); // 2. 通过Part对象获取上传文件的文件名 (从头部信息中获取上传的文件名) String header = part.getHeader("Content-Disposition"); // 获取具体的请求头对应的值 String str = header.substring(header.lastIndexOf("=") + 2); // 获取上传的文件名 String fileName = str.substring(0, str.length() - 1); // 3. 判断文件名是否为空 if (!StrUtil.isBlank(fileName)) { // 如果用户上传了头像,则更新用户对象中的头像 user.setHead(fileName); // 4. 获取文件存放的路径 WEB-INF/upload/目录中 String filePath = request.getServletContext().getRealPath("/WEb-INF/upload/"); // 5. 上传文件到指定目录 part.write(filePath + "/" + fileName); } } catch (Exception e) { e.printStackTrace(); }
对于加载头像总结一下(为啥不总结上传,因为我也不懂),其中这个数据库里的用户信息被包装在User类里,通过setAttribute()存在session的一属性中;EL表达式:${user.head}。(user为该User类名字,head是其一属性字段,其内存图片名)(注:通过web表单上传图像存储下来的也是该图的名字)。
表单(用户信息表单,假设已经存在一个用户user)提交的动作为路径为user的servlet,并且传递了一个属性值actionname(=userhead)和一个图片名称,user检查到这个属性值后就会调用加载头像的函数。这个函数就是重点:
private void userHead(HttpServletRequest request, HttpServletResponse response) throws IOException { // 1. 获取参数 (图片名称) String head = request.getParameter("imageName"); // 2. 得到图片的存放路径 (得到项目的真实路径:request.getServletContext().getealPathR("/")) String realPath = request.getServletContext().getRealPath("/WEB-INF/upload/"); // 3. 通过图片的完整路径,得到file对象 File file = new File(realPath + "/" + head); // 4. 通过截取,得到图片的后缀 String pic = head.substring(head.lastIndexOf(".")+1); // 5. 通过不同的图片后缀,设置不同的响应的类型 if ("PNG".equalsIgnoreCase(pic)) { response.setContentType("image/png"); } else if ("JPG".equalsIgnoreCase(pic) || "JPEG".equalsIgnoreCase(pic)) { response.setContentType("image/jpeg"); } else if ("GIF".equalsIgnoreCase(pic)) { response.setContentType("image/gif"); } // 6. 利用FileUtils的copyFile()方法,将图片拷贝给浏览器 FileUtils.copyFile(file, response.getOutputStream()); }
完球...还是看不懂啊。反正就这么傻粘就出来了...