关于servlet上传图片，显示不出来报 Get http://localhost:9095/assets/img/head/1656901332651.jpg 404错误

目录

第一种解决方法：

第二种解决方法：

 第三种方法：配置虚拟路径，不建议尝试

上传图片的工具类

我的tomcat是放在E:\liulanqi\apache-tomcat-9.0.62\webapps

第一种解决方法：

将上传的图片路径改为上到到tomcat目录下的文件：

File file = new File("E:\\liulanqi\\apache-tomcat-9.0.62\\webapps\\assets\\img\\head\\" + newFileName);//路径改成自己服务器存放图片的路径，如果是本机的直接写磁盘路径，远程服务器的话最好研究一下ftp的协议，这个方法一样，就是要多一个类进行远程接口调用

session.setAttribute("picture",newFileName);

" alt="" />z注意：如何返回json文件

新建一个实体类Json，如何创建实体类来加入数据，

package com.lingnan.pojo;

import lombok.Data;

import java.util.Map;


@Data
public class DataJson {
    private Integer code;
    private String msg;
    private Map data;

}

 DataJson dataJson = new DataJson();
//新建实体类加入数据

    dataJson.setCode(1);
      dataJson.setMsg("OK");
      HashMap map = new HashMap<>();
                        
      map.put("src","http://localhost:9095/assets/img/head/"+newFileName);
          dataJson.setData(map);
           String resJSON = JSON.toJSONString(dataJson);//关键步骤转换
           System.out.println(resJSON);
            PrintWriter writer = response.getWriter();
           writer.println(resJSON);//提供给网页

这样子就可以获取本地图片

第二种解决方法：

把idea项目的输出改为tomcat下面的webapps文件，

 

 第三种方法：配置虚拟路径，不建议尝试

上传图片的工具类

package com.lingnan.servlet;




import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.HashMap;
import java.util.Iterator;
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 javax.servlet.http.HttpSession;

import com.alibaba.fastjson.JSON;
import com.lingnan.dao.impl.NewsUsersDaoImpl;
import com.lingnan.pojo.DataJson;
import com.lingnan.pojo.NewsUsers;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**
 * Servlet implementation class UploadImgServlet
 */
@WebServlet("/UploadImgServlet")
public class UploadImgServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    public void service(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        // 判断上传表单是否为multipart/form-data类型
        HttpSession session = request.getSession();
        NewsUsersDaoImpl newsUsersDao = new NewsUsersDaoImpl();
        //String username = session.getAttribute("username"); // 在登录时将 User 对象放入了 会话
        // 中

        if (ServletFileUpload.isMultipartContent(request)) {

            try {
                // 1. 创建DiskFileItemFactory对象，设置缓冲区大小和临时文件目录
                DiskFileItemFactory factory = new DiskFileItemFactory();
                // System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹

                // 2. 创建ServletFileUpload对象，并设置上传文件的大小限制。
                ServletFileUpload sfu = new ServletFileUpload(factory);
                sfu.setSizeMax(10 * 1024 * 1024);// 以byte为单位 不能超过10M 1024byte =
                // 1kb 1024kb=1M 1024M = 1G
                sfu.setHeaderEncoding("utf-8");

                // 3.
                // 调用ServletFileUpload.parseRequest方法解析request对象，得到一个保存了所有上传内容的List对象。
                @SuppressWarnings("unchecked")
                List fileItemList = sfu.parseRequest(request);
                Iterator fileItems = fileItemList.iterator();

                // 4. 遍历list，每迭代一个FileItem对象，调用其isFormField方法判断是否是上传文件
                while (fileItems.hasNext()) {
                    FileItem fileItem = fileItems.next();
                    // 普通表单元素
                    if (fileItem.isFormField()) {
                        String name = fileItem.getFieldName();// name属性值
                        String value = fileItem.getString("utf-8");// name对应的value值

                        System.out.println(name + " = " + value);
                    }
                    // 的上传文件的元素
                    else {
                        String fileName = fileItem.getName();// 文件名称
                        //System.out.println("原文件名：" + fileName);// Koala.jpg

                        String suffix = fileName.substring(fileName.lastIndexOf('.'));
                        //System.out.println("扩展名：" + suffix);// .jpg

                        // 新文件名（唯一）
                        String newFileName = new Date().getTime() + suffix;
                        //System.out.println("新文件名：" + newFileName);// image\1478509873038.jpg
                        String user_img = "img/"+newFileName;//插入数据库url


                        // 5. 调用FileItem的write()方法，写入文件
//                        File file = new File("D:\\springboot\\NewsProject\\src\\main\\webapp\\assets\\img\\head\\" + newFileName);//路径改成自己服务器存放图片的路径，如果是本机的直接写磁盘路径，远程服务器的话最好研究一下ftp的协议，这个方法一样，就是要多一个类进行远程接口调用
                        //上传到tocat
                        File file = new File("E:\\liulanqi\\apache-tomcat-9.0.62\\webapps\\assets\\img\\head\\" + newFileName);//路径改成自己服务器存放图片的路径，如果是本机的直接写磁盘路径，远程服务器的话最好研究一下ftp的协议，这个方法一样，就是要多一个类进行远程接口调用
                        File file2 = new File("D:\\springboot\\NewsProject\\src\\main\\webapp\\assets\\img\\head\\" + newFileName);//路径改成自己服务器存放图片的路径，如果是本机的直接写磁盘路径，远程服务器的话最好研究一下ftp的协议，这个方法一样，就是要多一个类进行远程接口调用

                        System.out.println(file.getAbsolutePath());
                        System.out.println(newFileName);//打印图片后面的名字

                        new NewsUsersDaoImpl().updateMessage(newFileName, (String) session.getAttribute("username"));





                        fileItem.write(file);

//                        DataJson dataJson = new DataJson();
//                        dataJson.setCode(1);
//                        dataJson.setMsg("上传成功");
//                        HashMap map = new HashMap<>();
//                        map.put("src","http://localhost:9095/assets/img/head/"+newFileName);
                        response.getWriter().print(dataJson);
//                        System.out.println(dataJson);
//                        PrintWriter out = response.getWriter();
//                        out.print(dataJson);

                        // 6. 调用FileItem的delete()方法，删除临时文件
                        fileItem.delete();

                        DataJson dataJson = new DataJson();

                        dataJson.setCode(1);
                        dataJson.setMsg("OK");
                        HashMap map = new HashMap<>();
                        map.put("src","http://localhost:9095/assets/img/head/"+newFileName);
                        dataJson.setData(map);
                        String resJSON = JSON.toJSONString(dataJson);
                        System.out.println(resJSON);
                        PrintWriter writer = response.getWriter();
                        writer.println(resJSON);
//                        List list = newsUsersDao.queryMessage((String) session.getAttribute("username"));
//
                        session.setAttribute("picture",newFileName);

//                        request.getRequestDispatcher("info.jsp").forward(request,response);

                    }
                }

            } catch (FileUploadException e) {

                e.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            }

        }


    }

}

layui上传图片，主要是看img和js

如果报上传接口错误，就是因为你没有返回的数据类型是json数据类型。

<%@ page import="com.lingnan.pojo.NewsUsers" %>
<%@ page import="java.util.Iterator" %>
<%@ page import="java.util.List" %>
<%@ page import="com.lingnan.dao.impl.NewsUsersDaoImpl" %>
<%--
  Created by IntelliJ IDEA.
  User: 86159
  Date: 2022/7/1
  Time: 20:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<%--    --%>
    
    
    
    
    
    
    



<%
    List allstaff = new NewsUsersDaoImpl().queryMessage((String) session.getAttribute("username"));

//    List allstaff = (List) session.getAttribute("allmessage");
    Iterator iterator = allstaff.iterator();
    NewsUsers users = new NewsUsers();
    System.out.println(allstaff);
    while (iterator.hasNext()){
        users = iterator.next();
%>


    

        

            

                
设置我的资料
                

                    

                    

<%--                    隐藏表单--%>
                        
                        

                            头像
                            


                    " alt="" />
<%--    --%>

<%--                                --%>
<%--                                --%>
<%--                                --%>
                            

                            

<%--                                --%>
                                
                                更换头像
                                
<%--    --%>
<%--                                查看图片--%>
                            

                        

<%--                        
--%>
<%--                            我的角色--%>
<%--                            
--%>
<%--                                --%>
<%--                                    超级管理员--%>
<%--                                    普通管理员--%>
<%--                                    审核员--%>
<%--                                    编辑人员--%>
<%--                                --%>
<%--                            
--%>
<%--                            
当前角色不可更改为其它角色
--%>
<%--                        
--%>
                        

                            用户名
                            

                                
                            
                            
不可修改
                        
                        

                            昵称
                            

                                
                            
                        
                        

                            性别
                            

<%--                                --%>
<%--                                --%>
                        
                            <%=users.getUSex()%>
                            男
                            女

                        
                            
                        
                        

                            年龄
                            

                                
                            
                        
                        

                            手机
                            

                                
                            
                        
                        

                            注册时间
                            

                                
                            
                        
                        

                            家庭地址
                            

                                
                            
                        
                        

                            

                                

                                    确认修改

<%--                                确认修改--%>
                                重新填写
                            
                        
                    
                    
                
            
        
    


<%
    }
%>