SpringMVC中实现文件上传

最新推荐文章于 2024-04-17 17:46:23 发布

无名一小卒

最新推荐文章于 2024-04-17 17:46:23 发布

阅读量3.4k

点赞数 2

文章标签：文件上传

本文链接：https://blog.csdn.net/h1025372645/article/details/92419511

版权

SpringMVC下文件上传专栏收录该内容

2 篇文章 0 订阅

订阅专栏

方法一：使用表单提交，较为原始的文件上传方法

准备工作

使用的是Maven项目，所有添加jar包依赖即可

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <commons-fileupload.version>1.3.3</commons-fileupload.version>
        <commons-io.version>2.5</commons-io.version>
         <commons-codec.version>1.10</commons-codec.version>
    </properties>    


  
    <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>${commons-fileupload.version}</version>
    </dependency>
    <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>${commons-io.version}</version>
    </dependency>

     <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>${commons-codec.version}</version>
     </dependency>

前端代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form method="post" action="#" id="uploadForm" enctype="multipart/form-data">
        用户名： <input type="text" name="userName"><br>
        头像：<input type="file" name="userPic"><br>
         <input type="button" id="uploadBtn" value="提交"><br>
    </form>

</body>
<script  src="lib/jquery-1.9.1.min.js"></script>
<script>
    $("#uploadBtn").click(function () {
        /**
         * $("#uploadForm") 是一个JQuery对象
         * $("#uploadForm")[0] 将JQuery对象转成DOM元素
         * @type {FormData}
         */
        var formData = new FormData($("#uploadForm")[0])
        $.ajax({
            url:"/file/fileUpload.action",
            type:"POST",
            data:formData,
            async:false,
            cache:false,
            contentType:false,
            processData:false,
            success:function (result) {
                console.log(result);
            },
            error:function (error) {
                console.log("error:"+error);
            }
        })
    })
</script>
</html>

控制器处理代码：

package com.hxy.controller;

import com.aliyun.oss.OSSClient;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.net.URL;
import java.security.SecureRandom;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Iterator;
import java.util.List;

@Controller
public class FileUpLoadController {

    @RequestMapping(value = "/file/fileUpload.action")
    public String fileUpload(HttpServletResponse response, HttpServletRequest request){
    //文件上传相关的类
    DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload( factory );
    //设置文件编码
    upload.setHeaderEncoding( "UTF-8" );

    List fileList = null;
    try {
        //获取表单提交数据
        fileList = upload.parseRequest( request );
    } catch (FileUploadException e) {
        e.printStackTrace();
    }
    Iterator<FileItem> iterator = fileList.iterator();
    //遍历表单提交的数据列表，判断文件类型是否为文件
    while (iterator.hasNext()){
        FileItem item = iterator.next();
        // 判断某项是否是普通的表单类型
        if(!item.isFormField()){
            //字段名称
            String fieldName = item.getFieldName(); //文件对应字段名称，就是input中name的值
            //文件 XXX.doc
            String fileName = item.getName();
            //获取文件后缀名
            String suffix = fileName.substring( fileName.lastIndexOf( '.' ) ); //.doc
            //获取时间戳，防止文件重复
            long id = new Date().getTime();
            //获取保存路径
            String savePath = request.getServletContext().getRealPath( "img" );
            //设置文件路径
            String fileUrl = String.format( "%s/%d%s",savePath,id,suffix);
            File file = new File( fileUrl );
            try {
                //写入文件
                item.write( file );
            } catch (Exception e) {
                e.printStackTrace();
            }
        }else {
            String fieldName = item.getFieldName();
            String value = item.getString();
            System.out.println(fieldName +"->"+value);
        }
    }
    return null;
}
}

注意事项：上传文件所在的目录必须要有文件，否则IDEA开发工具不会将目标目录编译，文件就无法上传

方法一：使用表单提交，使用MultipartFile对象实现文件上传

该方法就较为简单，代码量相对较少

前端代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form method="post" action="/file/uploadFile.action" enctype="multipart/form-data">
    <input type="file" name="multipartFile" >
    <input type="submit" value="提交">
</form>

</body>
</html>

后端控制器代码：

package com.huadian.controller;

import org.apache.commons.io.FilenameUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.UUID;
@Controller
public class UploadFileController {
    @RequestMapping(value = "/file/uploadFile.action")
    public void uploadFile(MultipartFile multipartFile, HttpServletRequest request) throws IOException {
        //随机文件名
        String fileName = UUID.randomUUID().toString().replace( "-", "" );
        String path = request.getServletContext().getRealPath( "/img/" ); //C://xx/img
        //后缀名 jpg
        String extension = FilenameUtils.getExtension( multipartFile.getOriginalFilename() );
        // C://xx/img/aa.jpg  linux:/url/tomcat/webapp/AAA/13cd.png
        File file = new File( path + fileName + "." + extension );
        //保存文件
        multipartFile.transferTo( file );
        //将文件URL 地址返回
        //返回：http://xxx:8080/img/+   fileName + "." + extension

    }

}

SpringMVC配置文件

  <!--文件上传，name必须等于multipartResolver-->
    <bean name="multipartResolver"
          class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
       <!--设置文件大小：单位字节-->
        <property name="maxUploadSize" value="5000000"></property>
    </bean>

无名一小卒

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
SpringMVC中实现文件上传

方法一：使用表单提交，较为原始的文件上传方法准备工作使用的是Maven项目，所有添加jar包依赖即可 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <commons-fileupload.ve...
复制链接

扫一扫