SSM实现表单图片文件上传和显示

最新推荐文章于 2024-06-17 11:16:55 发布

日拱一卒无有尽-功不唐捐终入海

最新推荐文章于 2024-06-17 11:16:55 发布

阅读量2.1k

点赞数 4

文章标签： mysql intellij idea java

本文链接：https://blog.csdn.net/weixin_46184650/article/details/105219686

版权

很多时候都知道上传的原理，但是上传过程中总会有不少的问题，今天我对文件上传和显示做了一下总结，直接看代码如下（有任何问题都可以联系我，随时都可以解答，大家一起探索Java的魅力，扯远了。。。）

ssm的整合请看我之前的博客SSM的整个，这里就不做过多的演示了

数据库语句（为了方便演示简单设计了几个字段）

CREATE TABLE `product` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '商品id',
  `name` varchar(50) DEFAULT NULL COMMENT '商品名称',
  `pic` varchar(300) DEFAULT NULL COMMENT '商品图片',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8

效果图

1.index.jsp页面

<%--
  Created by IntelliJ IDEA.
  User: Carl Wu
  Date: 2020/3/31
  Time: 10:22
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>文件上传</title>
</head>
<body>
    <div style="margin: 50px auto">
        <form action="/product/save" method="post"  enctype="multipart/form-data">
            商品名称：<input type="text" name="name"><br/>
            商品图片：<input type="file" name="upload"><br/>
            <input type="submit" value="提交">
        </form>
    </div>
</body>
</html>

2.list.jsp页面（显示文件成功和文件现实）

<%--
  Created by IntelliJ IDEA.
  User: Carl Wu
  Date: 2020/3/31
  Time: 10:23
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>商品列表</title>
</head>
<body>
    <div style="margin: 100px auto;">
        <h1>文件上传成功</h1>
    </div>
    <div>
        <a href="http://localhost:8080/upload/${filename}">点击查看图片</a>
    </div>
</body>
</html>

3.实体类代码

package com.itwp.fileupload.domain;

import java.io.Serializable;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

/** 
 * Created by Carl Wu on 2020/3/31 10:28
 */ 
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Product implements Serializable {
    /**
    * 商品id
    */
    private Long id;

    /**
    * 商品名称
    */
    private String name;

    /**
    * 商品图片
    */
    private String pic;

    private static final long serialVersionUID = 1L;
}

4.controller文件上传代码

package com.itwp.fileupload.controller;

import com.itwp.fileupload.domain.Product;
import com.itwp.fileupload.service.ProductService;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.UUID;

/**
 * Created by Carl Wu on 2020/3/31 10:55
 */
@Controller
@RequestMapping("product")
public class ProductController {

    @Resource
    private ProductService productService;

    @PostMapping("/save")
    public String sava(HttpServletRequest request, Product product, MultipartFile upload, Model model) throws IOException {
        System.out.println("文件上传。。。。");
        String filename = upload.getOriginalFilename();
        String path = request.getSession().getServletContext().getRealPath("/upload");

        /**
         *文件上传
         */
        File file = new File(path);
        if (!file.exists()){
            file.mkdirs();
        }
        String uuid = UUID.randomUUID().toString().replace("-","");
        filename = uuid + "_" + filename;
        if (upload != null && !upload.isEmpty()) {
            upload.transferTo(new File(path,filename));
        } else {
            return "failed";
        }

        /**
         * 处理实体类对象
         */
        //System.out.println(product.getName());
        product.setPic(filename);
        productService.save(product);
        System.out.println("保存成功！");
        model.addAttribute("filename",filename);
        return "list";
    }
}

5.service接口代码

package com.itwp.fileupload.service;

import com.itwp.fileupload.domain.Product;

import java.util.List;

/**
 * Created by Carl Wu on 2020/3/31 10:28
 */ 
public interface ProductService{


    /**
     * 保存商品信息
     * @param product
     */
    void save(Product product);
}

6.service接口实现类代码

package com.itwp.fileupload.service.impl;

import org.springframework.stereotype.Service;
import javax.annotation.Resource;
import com.itwp.fileupload.dao.ProductMapper;
import com.itwp.fileupload.domain.Product;
import com.itwp.fileupload.service.ProductService;

import java.util.List;

/**
 * Created by Carl Wu on 2020/3/31 10:28
 */ 
@Service
public class ProductServiceImpl implements ProductService{

    @Resource
    private ProductMapper productMapper;

 
    /**
     * 保存商品信息
     * @param product
     */
    @Override
    public void save(Product product) {
        productMapper.save(product);
    }

}

7.dao接口代码

package com.itwp.fileupload.dao;

import com.itwp.fileupload.domain.Product;
import org.apache.ibatis.annotations.Mapper;

import java.util.List;

/** 
 * Created by Carl Wu on 2020/3/31 10:28
 */
@Mapper
public interface ProductMapper {
   

    /**
     * 保存商品的信息
     * @param product
     */
    void save(Product product);
}

8.mapper映射文件代码

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.itwp.fileupload.dao.ProductMapper">
  <resultMap id="BaseResultMap" type="com.itwp.fileupload.domain.Product">
    <!--@mbg.generated-->
    <!--@Table product-->
    <id column="id" jdbcType="BIGINT" property="id" />
    <result column="name" jdbcType="VARCHAR" property="name" />
    <result column="pic" jdbcType="VARCHAR" property="pic" />
  </resultMap>
  <sql id="Base_Column_List">
    <!--@mbg.generated-->
    id, `name`, pic
  </sql>

  <insert id="save" parameterType="Product">
    insert into product(
    name,
    pic)
    values (
    #{name},
    #{pic}
    );
  </insert>
</mapper>

日拱一卒无有尽-功不唐捐终入海

关注

4
点赞
踩
25

收藏

觉得还不错? 一键收藏
1
评论
SSM实现表单图片文件上传和显示

很多时候都知道上传的原理，但是上传过程中总会有不少的问题，今天我对文件上传和显示做了一下总结，直接看代码如下（有任何问题都可以联系我，随时都可以解答，大家一起探索Java的魅力，扯远了。。。） ssm的整合请看我之前的博客SSM的整个，这里就不做过多的演示了数据库语句（为了方便演示简单设计了几个字段）CREATE...
复制链接

扫一扫