SpringMVC框架实现图片上传与下载

时间：2021-05-19

本文实例为大家分享了SpringMVC框架实现图片上传与下载的具体代码，供大家参考，具体内容如下

1、新建一个Maven webapp项目，引入需要用的夹包，pom.xml文件的依赖包如下：

<dependencies> <!-- 用于生成图片的缩略图 --> <dependency> <groupId>net.coobird</groupId> <artifactId>thumbnailator</artifactId> <version>0.4.8</version> </dependency> <!-- 单元测试包 --> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>3.8.1</version> <scope>test</scope> </dependency> <!-- springmvc夹包 --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>4.3.11.RELEASE</version> </dependency> <!-- spring核心包，用于依赖注入 --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version>4.3.11.RELEASE</version> </dependency> <!-- servlet夹包 --> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>3.1.0</version> </dependency> <!-- javaee包，在jsp文件中使用--> <dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId> <version>7.0</version> </dependency> <!-- 文件上传的夹包 ，用于文件上传--> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <!-- jstl标签包，在jsp中使用 --> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> </dependencies>

2、配置文件设置如下：

（1） web.xml内容为：

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http:///jsp/jstl/core" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>上传图片</title></head><body><script type="text/javascript"> function validate() { var a=document.getElementById("file"); var form=document.getElementById("upload"); if(a.value==""){ alert("请先选择图片"); return false; } else{ form.submit(); } } </script><h1 align="center">图片上传与下载</h1><p> <c:forEach var="image" items="${imageList}"> <a href="images/rawImages/${image}" rel="external nofollow" target="_blank"><img src="images/thumbImages/${image}" /></a> <a href="${pageContext.request.contextPath}/download?filename=${image}" rel="external nofollow" >${image}</a> </c:forEach> </p> <form id="upload" action="${pageContext.request.contextPath}/thumb" method="post" enctype="multipart/form-data"> <input id="file" type="file" name="image" id="image" > <input type="button" value="上传" οnclick="validate()"></form> </body></html>

5、文件结构

6、在Tomcat上运行的最终成果：

URL：http://localhost:8080/thumbnail/images

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章