ssm框架实现图片上传并显示（myeclips）

编程入门行业动态更新时间:2024-10-13 18:24:35

ssm框架实现<a href=https://www.elefans.com/category/jswz/34/1760202.html style= 图片上传并显示（myeclips）"/>

ssm框架实现图片上传并显示（myeclips）

ssm框架实现图片上传并显示

第一步：导入common-io以及common-fileupload两个jar包，尽量新一点，老的有可能出错

第二步：配置图片上传保存的位置，针对myeclips来说，打开文件D:\Java\MyEclipse.metadata.me_tcat\conf\server.xml
在之间添加<Context docBase="D:\File" path="/images" reloadable="false"/>
其中D：\File是我们保存到本地的路径，/images是我们使用的虚拟路径，用过/images的路径可以得到D：\File路径下的图片

第三步：创建实体类，例子给出图书的实体类，数据表（books）如图

代码如下：（注意多添加了MultipartFile属性）

public class Books {private Integer id;private String bookname;private Double price;private Integer stock;private String img;private MultipartFile file;public Integer getId() {return id;}public MultipartFile getFile() {return file;}public void setFile(MultipartFile file) {this.file = file;}public void setId(Integer id) {this.id = id;}public String getBookname() {return bookname;}public void setBookname(String bookname) {this.bookname = bookname;}public Double getPrice() {return price;}public void setPrice(Double price) {this.price = price;}public Integer getStock() {return stock;}public void setStock(Integer stock) {this.stock = stock;}public String getImg() {return img;}public void setImg(String img) {this.img = img;}
}

第四步：给出Dao层，Service层，ServiceImpl层，代码如下：

public interface AdBookDao {public void addBook(Books book);
}

public interface AdBookService {public void addBookService(Books book);
}


@Service
public class AdBookServiceImpl implements AdBookService{@Autowiredprivate AdBookDao bookDao;public void addBookService(Books book) {// TODO Auto-generated method stubbookDao.addBook(book);}}

第五步：编写controller层

package com.qut.controller;import java.io.File;
import java.util.UUID;import javax.servlet.http.HttpServletRequest;import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import com.qut.pojo.Books;
import com.qut.service.impl.AdBookServiceImpl;@Controller
public class AdBooksController {@Autowiredprivate AdBookServiceImpl al;@RequestMapping("/upload")  public String upload(Books books,HttpServletRequest request,Model model) throws Exception{  System.out.println(request.getParameter("bookname"));  //保存数据库的路径  String sqlPath = null;   //定义文件保存的本地路径  String localPath="D:\\File\\";  //定义 文件名  String filename=null;    if(!books.getFile().isEmpty()){    //生成uuid作为文件名称    String uuid = UUID.randomUUID().toString().replaceAll("-","");    //获得文件类型（可以判断如果不是图片，禁止上传）    String contentType=books.getFile().getContentType();    //获得文件后缀名   String suffixName=contentType.substring(contentType.indexOf("/")+1);  //得到 文件名  filename=uuid+"."+suffixName;   System.out.println(filename);  //文件保存路径  books.getFile().transferTo(new File(localPath+filename));    }  //把图片的相对路径保存至数据库  sqlPath = "/images/"+filename;  System.out.println(sqlPath);  //user.setId(1);books.setBookname(request.getParameter("bookname"));books.setPrice(Double.parseDouble(request.getParameter("price")));books.setStock(Integer.parseInt(request.getParameter("stock")));  books.setImg(sqlPath);  al.addBookService(books);model.addAttribute("books", books);  return "MyJsp";  }  
}

第六步：xml文件（add图书信息）

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis//DTD Mapper 3.0//EN"
".dtd"><mapper namespace="com.qut.mapper.AdBookDao"><!-- 增加图书 --><insert id="addBook" parameterType="com.qut.pojo.Books">INSERT INTO books(bookname,price,stock,img)values(#{bookname},#{price},#{stock},#{img})</insert></mapper>

第七步：JSP界面（test.jsp和MyJsp.jsp界面）

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'test.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body><form action="upload.action" method="post" enctype="multipart/form-data">  <label>书名：</label><input type="text" name="bookname"><br>  <label>价格：</label><input type="text" name="price"><br><label>库存：</label><input type="text" name="stock"><br> <label>上传封面：</label><input type="file" name="file"><br>  <input type="submit">  </form></body>
</html>