如何在spring mvc中上传图片并显示出来

如题所述

推荐答案推荐于2018-02-28

（1）在spring mvc的配置文件中配置：

（2）文件上传表单和结果展示页fileupload.jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<title>Spring MVC文件上传</title>
</head>
<body>
<h2>图片文件上传</h2>
<mvc:form modelAttribute="user" action="upload.html"
enctype="multipart/form-data">
<table>
<tr>
<td>用户名：</td>
<td><mvc:input path="userName" /></td>
</tr>
<tr>
<td>选择头像：</td>
<td><input type="file" name="file" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Submit" /></td>
</tr>
</table>
</mvc:form>
<br><br>
<c:if test="${u !=null }">
<h2>上传结果</h2>
<table>
<c:if test="${u.userName != null }">
<tr>
<td>用户名：</td>
<td>${u.userName}</td>
</tr>
</c:if>
<c:if test="${u.logoSrc != null }">
<tr>
<td>头像：</td>
<td><img src="${u.logoSrc}" width="100px" height="100px"></td>
</tr>
</c:if>

</table>

</c:if>

</body>
</html>

（3）后台处理UploadController.java：

package cn.zifangsky.controller;

import java.io.File;
import java.io.IOException;

import javax.servlet.http.HttpServletRequest;

import org.apache.commons.io.FileUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.servlet.ModelAndView;

import cn.zifangsky.model.User;
import cn.zifangsky.utils.StringUtile;

@Controller
public class UploadController {

@RequestMapping(value = "/form")
public ModelAndView form() {
ModelAndView modelAndView = new ModelAndView("fileupload", "user", new User());

return modelAndView;
}

@RequestMapping(value = "/upload", method = RequestMethod.POST)
public ModelAndView upload(User user, @RequestParam("file") MultipartFile tmpFile, HttpServletRequest request) {
ModelAndView modelAndView = new ModelAndView("fileupload");

if (tmpFile != null) {
// 获取物理路径
String targetDirectory = request.getSession().getServletContext().getRealPath("/uploads");
String tmpFileName = tmpFile.getOriginalFilename(); // 上传的文件名
int dot = tmpFileName.lastIndexOf('.');
String ext = ""; //文件后缀名
if ((dot > -1) && (dot < (tmpFileName.length() - 1))) {
ext = tmpFileName.substring(dot + 1);
}
// 其他文件格式不处理
if ("png".equalsIgnoreCase(ext) || "jpg".equalsIgnoreCase(ext) || "gif".equalsIgnoreCase(ext)) {
// 重命名上传的文件名
String targetFileName = StringUtile.renameFileName(tmpFileName);
// 保存的新文件
File target = new File(targetDirectory, targetFileName);

try {
// 保存文件
FileUtils.copyInputStreamToFile(tmpFile.getInputStream(), target);
} catch (IOException e) {
e.printStackTrace();
}

User u = new User();
u.setUserName(user.getUserName());
u.setLogoSrc(request.getContextPath() + "/uploads/" + targetFileName);

modelAndView.addObject("u", u);
}

return modelAndView;
}

return modelAndView;
}

}

在上面的upload方法中，为了接收上传的文件，因此使用了一个MultipartFile类型的变量来接收上传的临时文件，同时为了给文件进行重命名，我调用了一个renameFileName方法，这个方法的具体内容如下：

/**
* 文件重命名
*/
public static String renameFileName(String fileName) {
String formatDate = new SimpleDateFormat("yyMMddHHmmss").format(new Date()); // 当前时间字符串
int random = new Random().nextInt(10000);
String extension = fileName.substring(fileName.lastIndexOf(".")); // 文件后缀

return formatDate + random + extension;
}

注：上面用到的model——User.java：

package cn.zifangsky.model;

public class User {
private String userName; // 用户名
private String logoSrc; // 头像地址

public String getUserName() {
return userName;
}

public void setUserName(String userName) {
this.userName = userName;
}

public String getLogoSrc() {
return logoSrc;
}

public void setLogoSrc(String logoSrc) {
this.logoSrc = logoSrc;
}

}

至此全部结束

效果如下：

（PS：纯手打，望采纳）

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/7OejtBevev7XXezXzv.html

其他回答

第1个回答 2018-04-09

可以使用组件上传JspSmartUpload.这是一个类.

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

这里直接通过表单提交给servlet访问,spring中的话需要配置(一般就不用servlet了,自行配置).

以上在JSp页面中,以下是servlet/action中的代码,由于采用了spring框架,怎么做你知道的(没有servlet但是有action).

package com.demo.servlet;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.Random;

import java.util.UUID;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.jspsmart.upload.File;

import com.jspsmart.upload.Files;

import com.jspsmart.upload.Request;

import com.jspsmart.upload.SmartUpload;

public class UploadServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

SmartUpload su = new SmartUpload();

//初始化

su.initialize(this.getServletConfig(), request, response);

try {

//限制格式

//只允许哪几种格式

su.setAllowedFilesList("jpg,JPG,png,PNG,bmp,gif,GIF");

//不允许哪几种格式上传,不允许exe,bat及无扩展名的文件类型

//su.setDeniedFilesList("exe,bat,,");

//限制大小,每个上传的文件大小都不能大于100K

su.setMaxFileSize(100*1024);

//上传文件的总大小不能超过100K

//su.setTotalMaxFileSize(100*1024);

//上传

su.upload();

//唯一文件名

//得到文件集合

Files files = su.getFiles();

for(int i=0;i<files.getCount();i++)

{

//获得每一个上传文件

File file = files.getFile(i);

//判断客户是否选择了文件

if(file.isMissing())

{

continue;

}

//唯一名字

Random rand = new Random();

//String fileName = System.currentTimeMillis()+""+rand.nextInt(100000)+"."+file.getFileExt();

String fileName = UUID.randomUUID()+"."+file.getFileExt();

//以当前日期作为文件夹

SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");

String dirPath = sdf.format(new Date());

//获得物理路径

String realDirPath= this.getServletContext().getRealPath(dirPath);

java.io.File dirFile = new java.io.File(realDirPath);

//判断是否存在

if(!dirFile.exists())

{

//创建文件夹

dirFile.mkdir();

}

//保存

file.saveAs("/"+dirPath+"/"+fileName);

//file.saveAs("/uploadFiles/"+fileName);

}

//原名保存

//su.save("/uploadFiles");

} catch (Exception e) {

System.out.println("格式错误");

}

//获得用户名

Request req = su.getRequest();

String username = req.getParameter("username");

System.out.println(username);

}

/**

* The doPost method of the servlet. <br>

* This method is called when a form has its tag value method equals to post.

* @param request the request send by the client to the server

* @param response the response send by the server to the client

* @throws ServletException if an error occurred

* @throws IOException if an error occurred

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

this.doGet(request, response);

}

特别注意导的包是JspSmartUpload中的还是java.io.*中的.

再次说明,这段代码是servlet中的,spring中的action可以剪切以上的一部分.请自行调整.

实现上传图片功能在Springmvc中很好实现。下面将会展现完整例子。

开始需要在pom.xml加入几个jar,分别是：

<groupId>commons-fileupload</groupId>

<artifactId>commons-fileupload</artifactId>

</dependency>

<groupId>commons-io</groupId>

<artifactId>commons-io</artifactId>

</dependency>

接下来，在Springmvc的配置加入上传文件的配置（PS：我把springmvc的完整配置都展现出来）：

<mvc:annotation-driven/>

<mvc:resources location="/static/" mapping="/static/**" />

<context:component-scan base-package="com.ztz.springmvc.controller"/>

</bean>

</bean>

本回答被网友采纳

相似回答

如何在spring mvc中上传图片并显示出来答：//限制大小,每个上传的文件大小都不能大于100K su.setMaxFileSize(100*1024);//上传文件的总大小不能超过100K //su.setTotalMaxFileSize(100*1024);//上传 su.upload();//唯一文件名 //得到文件集合 Files files = su.getFiles();for(int i=0;i<files.getCount();i++){ //获得每一个...

如何使用springmvc实现文件上传答：2.搭建框架2.1.准备springMvc.xml配置文件 2.2.web.xml配置信息 3.准备页面 4.准备上传代码@Controller//spring使用注解管理bean@RequestMapping("/upload")//向外暴露资源路径,访问到该类public class UploadController {/*** 上传功能* @return* @throws IOException*/@RequestMapping("/uploadFile")...

easyui结合spring mvc 如何上传图片答：try { //这里使用Apache的FileUtils方法来进行保存 FileUtils.copyInputStreamToFile(apkFile.getInputStream(),new File(realPath, originFileName));resMap.put("status",StatusConstants.STATUS_OK);} catch (IOException e) { System.out.println("文件上传失败");resMap.put("status", StatusConst...

spring mvc word文件上传之后可预览的实现方法或者步骤答：你好！springmvc文件上传 1.加入jar包：commons-fileupload-1.2.2.jar commons-io-2.0.1.jar lperson.java中加属性，实现get ,set方法 private String photoPath;2.创建WebRoot/upload目录，存放上传的文件 1 <sf:form id="p" action="saveOrUpdate"2 method="post"3 modelAttribute="person"4...

spring mvc 如何上传很多图片路径保存在数据库表的某个字段里面帮帮我...答：文件上传基本思路 1. 在一个 html 网页中，写一个如下的form ： text field : 2. 服务端 servelet 的编写现在第三方的 http upload file 工具库很多。Jarkata 项目本身就提供了fileupload 包http://jakarta

springmvc怎么把数据传到前端并展示答：Controller方法加参数，参数名和表单中名字一样就可以啊如：public String test(User user) { System.out.println(user.username); } 表单中就是这样控制台就能打印出表单中输入的username了。

springmvc怎么实现多文件上传答：1、创建一个上传多文件的表单：在CODE上查看代码片派生到我的代码片上传多个文件实例选择文件: 选择文件: 选择文件: 2、编写处理表单的action，将原来保存文件的方法单独写一个方法出来方便共用：[java] view plain copy print?在CODE上查看代码片派生到我的代码片 / 保存文件 param ...

java spring mvc 客户端上传文件到服务器端答：Web文件上传采用POST的方式，与POST提交表单不同的是，上传文件需要设置FORM的enctype属性为multipart/form-data.由于上传的文件会比较大，因此需要设置该参数指定浏览器使用二进制上传。如果不设置，enctype属性默认为application/x-www-form-urlencoded，使用浏览器将使用ASCII向服务器发送数据，导致发送文件...

求SpringMVC大文件上传详解及实例代码答：SpringMVC的文件上传非常简便，首先导入文件上传依赖的jar： <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> 在springMVC-servlet.xml配置文件中配置文件解析器：<!--1*...

大家正在搜

springmvc上传图片 springboot上传图片存哪 springboot批量上传图片 springboot图片上传 springmvc上传文件 springmvc上传大文件 springmvc上传文件过程 java spring mvc spring图片