SpringMVC文件的上传与下载实现

单文件上传

首先创建项目,开发工具是IDEA,选择Spring项目,勾选上Spring和SpringMVC。
然后命名,最后完成。

默认生成配置文件在web/WEB-INF下。

首先导入需要的jar包。
在这里插入图片描述
如果是创建的maven工程,导入以下依赖

<!-- https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload -->
<dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.3.3</version>
</dependency>
<!-- https://mvnrepository.com/artifact/commons-io/commons-io -->
<dependency>
    <groupId>commons-io</groupId>
    <artifactId>commons-io</artifactId>
    <version>2.7</version>
</dependency>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后添加都本项目的依赖中。
在这里插入图片描述
开始修改配置。
Web.xml文件,配置如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>/WEB-INF/applicationContext.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

配置dispatcher-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
    <bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver" id="multipartResolver">
        <!--上传文件大小限制-->
        <property name="maxInMemorySize" value="1048576"></property>
        <!--字符编码-->
        <property name="defaultEncoding" value="UTF-8"></property>
    </bean>
    <bean id="nameViewResolver" class="org.springframework.web.servlet.view.BeanNameViewResolver">
        <property name="order" value="50"></property>
    </bean>

    <mvc:view-controller path="success" view-name="success"></mvc:view-controller>
    <mvc:view-controller path="index" view-name="index"></mvc:view-controller>
    <!--视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="resolver">
        <property name="prefix" value="/ch10/"></property>
        <property name="suffix" value=".jsp"></property>
        <property name="order" value="0"></property>
    </bean>
    <!--开启包扫描-->
    <context:component-scan base-package="com.springmvc" annotation-config="true"/>
    <!--解析注解-->
    <mvc:annotation-driven/>
    
</beans>


因为在dispatcher-servlet.xml中视图解析器解析的是ch10开头的文件,并且后缀名是.jsp结尾。因此需要在web文件夹下创建ch10文件夹,之后的index.jsp和success.jsp都放在这里。

index.jsp

<html>
<head>
    <title>文件上传</title>
</head>
<body>
<form method="POST" enctype="multipart/form-data" action="/fileUpload">
    选择文件: <input type="file" name="file"><br/>
    <br/>
    <input type="submit" value="提交">
</form>
</body>
</html>

里面没什么内容简单的一个表单,需要注意的是文件上传的请求方式必须是以POST提交表单。请求的路径是/fileUpload。
success.jsp

<html>
<head>
    <title>文件上传成功</title>
</head>
<body>
<h1>文件上传成功!</h1>
    ${fileUrl}
</body>
</html>

如果文件上传成功就跳转到success.jsp这个页面,显示文件上传成功,并显示文件的路径。

最后在src文件夹下创建controller包,并创建FileUploadController.java

@Controller
public class FileUploadController {

    @RequestMapping("/fileUpload")
    public String fileUpload(@RequestParam(value = "file", required = false) MultipartFile file, HttpServletRequest request, ModelMap model) {
        //服务端文件夹物理路径
        String realPath = request.getSession().getServletContext().getRealPath("upload");
        //获取文件名
        String filename = file.getOriginalFilename();
        System.out.println(filename);
        //创建一个File对象表示目标文件
        File file1 = new File(realPath,filename);

        //如果目标路径不存在就创建
        if (!file1.exists()){
            file1.mkdirs();
        }

        //上传文件到指定目录
        try {
            file.transferTo(file1);
        } catch (IOException e) {
            e.printStackTrace();
        }
        model.put("fileUrl",request.getContextPath()+"/upload/"+filename);
        return "success";
    }

}

最后的项目结构是这样的。
在这里插入图片描述
然后配置Tomcat,启动。
在这里插入图片描述
点左上角的 + 号。
选择tomcat在local下创建。之后配置启动时的浏览器
在这里插入图片描述
在这里插入图片描述
最后启动Tomcat。在浏览器中访问 localhost:8080/ch10
在这里插入图片描述
然后选择图片,图片最大为1M,最后点击提交。
在这里插入图片描述
同时控制台输出fileName
在这里插入图片描述
图片在以下目录下查看。
在这里插入图片描述

多文件上传

首先创建一个uploadFiles.jsp

<html>
<head>
    <title>多文件上传</title>
</head>
<body>
<form method="POST" enctype="multipart/form-data" action="/upload">

    文件描述:<input type="text" name="description"><br><br>
    选择文件: <input type="file" name="files" multiple="multiple"><br/><br>
    <br/>
    <input type="submit" value="提交">
</form>
</body>
</html>

然后在FileUploadController中写一个upload方法,用来处理多文件上传请求。

@RequestMapping("/upload")
    public String uploadFiles(@RequestParam String description, @RequestParam(value = "files", required = false) List<MultipartFile> files, HttpServletRequest request) {
        //判断文件是否存在
        if (!files.isEmpty() && files.size() > 0) {
            //遍历上传的多个文件
            for (MultipartFile file : files) {
                //获取上传的文件名
                String filename = file.getOriginalFilename();

                //获取上传的文件地址
                String dirPath = request.getServletContext().getRealPath("/upload/");
                File filePath = new File(dirPath);
                //如果保存的文件地址不存在就创建
                if (!filePath.exists()) {
                    filePath.mkdirs();
                }
                //使用UUID重命名新文件
                String newFilename = description + UUID.randomUUID() + "_" + filename;
                try {
                    file.transferTo(new File(dirPath + newFilename));
                } catch (IOException e) {
                    e.printStackTrace();
                    //如果抛出异常就返回错误页面
                    return "error";
                }
            }
            //以上执行过程都没有问题就返回成功页面
            return "success";
        }


        return "error";
    }

启动tomcat服务器,输入localhost:8080/ch10/uploadFiles.jsp
选中多个文件,然后提交

这里选中多个文件是ctrl+鼠标左键,可以选中多个文件
在这里插入图片描述
在这里插入图片描述

既然上传成功了那就到项目中去看看传到哪个文件夹下了
在这里插入图片描述

文件的下载

文件下载就是将服务器的文件下载到本地。服务端会在页面上面给出超链接,就可以实现文件下载了。但是如果超链接中包含中文有可能下载失败(这个Goole和Firefox就没事,不过IE和360就不知道了)。
在上传成功的jsp中添加一个超链接。

<a href="/fileDownload?fileName=${fileName}">${fileName}下载</a>

然后编写文件上传代码。

@RequestMapping("/fileDownload")
  public ResponseEntity<byte[]> fileDownload(HttpServletRequest request, @RequestParam String fileName, Model model) throws Exception {

        //下载文件路径
        String realPath = request.getServletContext().getRealPath("/upload/");
        //创建文件对象
        File file = new File(realPath+File.separator+fileName);

        //设置响应头
        HttpHeaders headers = new HttpHeaders();
        //解决中文乱码问题
        String downloadFileName = new String(fileName.getBytes(),"ISO-8859-1");
        //通知浏览器下载文件
        headers.setContentDispositionFormData("attachment",downloadFileName);
        //以二进制文件流的形式下载文件数据
        headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
        //返回封装后的下载数据
        return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.CREATED);
}

最后开启服务器,测试一下
访问localhost:8080/ch10/
然后选择单个文件上传,上传成功后会显示如下界面。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此文件下载完成。

以上有不对的地方欢迎指出,分享想法,一起nb!

猜你喜欢

转载自blog.csdn.net/qq_43672652/article/details/107030263