Spring mvc上传文件

本文介绍了如何使用SpringMVC框架实现文件上传功能,包括基本的表单上传和结合Ajax的异步上传方式。详细展示了前端HTML表单设计、服务器端文件处理逻辑,并通过实例演示了如何将上传的文件保存到服务器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. SpringMVC+表单实现文件上传

 

前端代码:

<form action="userHead" method="post" enctype="multipart/form-data" >

 <input type="file" id="upload" name="upload"/> 

<input type="submit" value="up" onclick="imgupload()">

</form>

 

服务器端

 

@Controller

public class FileController {

 

         /**

          * 头像上传

          * @param req

          * @param files

          * @return2018年9月12日

          */

         @RequestMapping(value="/userHead")

public String uptx(HttpServletRequest req,@RequestParam(value="upload") MultipartFile file) {

 

                  HttpSession session=req.getSession();

                  User user=(User) session.getAttribute("user");//获取用户数据

                 

                  String abpath="upload/tx/"+user.getPhone()+"/";//构建存储相对路径

                  String path=req.getServletContext().getRealPath(abpath);//获取绝对路径

                 

                 

                  String filename=file.getOriginalFilename();//获取文件名

                 

                  File thisfile=new File(path,filename);

                  if(!thisfile.exists()) {

                          thisfile.mkdirs();

                  }

                 

                  try {

                          file.transferTo(thisfile);

                         

                  } catch (IllegalStateException e) {

                          // TODO Auto-generated catch block

                          e.printStackTrace();

                  } catch (IOException e) {

                          // TODO Auto-generated catch block

                          e.printStackTrace();

                  }

                 

                  Return “home”;

         }

        

        

}

 

 

利用表单上传图片到服务器端 用于前端界面为jsp页面的情况,利用model即可向jsp页面返回消息

 

         @RequestMapping(value="/userHead")      

public String uptx

(HttpServletRequest req,@RequestParam(value="upload") MultipartFile file)

 

控制器为userHead;

 

HttpServletRequest req此参数用于下面获取session中的数据

@RequestParam(value="upload") MultipartFile file

 

‘MultipartFile 封装了上载文件的所有信息

 

@RequestParam是对于方法参数的注解,将表单中对应key的值注入参数bean

 

 

                  HttpSession session=req.getSession();

                  User user=(User) session.getAttribute("user");//获取用户数据

 

 

String abpath="upload/tx/"+user.getPhone()+"/";//构建存储相对路径

                  String path=req.getServletContext().getRealPath(abpath);//获取绝对路径

 

 

 

String filename=file.getOriginalFilename();//获取文件名

 

File thisfile=new File(path,filename);

                  if(!thisfile.exists()) {

                          thisfile.mkdirs();

                  }

构建文件路径 如果文件夹不存在 就创建文件

 

Abpath为相对路径,再前端 我们使用域名+文件在服务器端的相对路径来读取图片资源

 

file.transferTo(thisfile);

 

调用multipartFile对象的transferTo()方法把文件存入对应的文件

 

 

SPringMVC+ajax实现文件上传

 

 

常用于移动端和服务器端的交互,异步上传文件

 

以下代码使用ajax上传文件成功后将文件资源返回客户端

 

Html

<img alt="头像" src="#" id="txs" style="width:100px;height:100px">

                                   <form action="userHead" method="post" >

                                <input type="file" id="upload" name="upload"/> 

                                <input type="button" value="up" onclick="imgupload()">

                                   </form>

 

 

Ajax

 

 

function imgupload(){

   var formData=new FormData();

   formData.append("upload",$("#upload")[0].files[0]);

    $.ajax({ 

         url: 'userHead'

         type: 'POST'

         data: formData, 

         async: true

         cache: false

         contentType: false

         processData: false,

         success: function (returndata) { 

           $("#txs").attr("src",returndata)

         }, 

         error: function (returndata) { 

             alert(returndata); 

         } 

    }); 

}

Ajax使用FormData对象模拟表单对象上传

所以我们取出一个file对象

把它以键值对的形式添加到formData对象中

上载到服务器端

 

SpringMVC

 

 

@Controller

public class FileController {

 

   /**

    * 头像上传

    * @param req

    * @param files

    * @return2018912

    */

   @RequestMapping(value="/userHead")//,consumes = "multipart/form-data"

   @ResponseBody

   public String uptx(HttpServletRequest req,@RequestParam(value="upload") MultipartFile file) {

     

     

      HttpSession session=req.getSession();

      User user=(User) session.getAttribute("user");//获取用户数据

     

      String abpath="upload/tx/"+user.getPhone()+"/";//构建存储相对路径

      String path=req.getServletContext().getRealPath(abpath);//获取绝对路径

     

     

      String filename=file.getOriginalFilename();//获取文件名

     

      File thisfile=new File(path,filename);

      if(!thisfile.exists()) {

          thisfile.mkdirs();

      }

     

      try {

          file.transferTo(thisfile);

         

      } catch (IllegalStateException e) {

          // TODO Auto-generated catch block

          e.printStackTrace();

      } catch (IOException e) {

          // TODO Auto-generated catch block

          e.printStackTrace();

      }

     

      return abpath+filename;

   }

  

  

}

 

 

标题基于SpringBoot的蛋糕烘焙分享平台研究AI更换标题第1章引言介绍蛋糕烘焙分享平台的研究背景、意义、现状以及论文的方法和创新点。1.1研究背景与意义分析蛋糕烘焙行业的现状,阐述分享平台的重要性和意义。1.2国内外研究现状综述国内外在蛋糕烘焙分享平台方面的研究进展。1.3论文方法及创新点概述论文的研究方法,突出创新点。第2章相关理论介绍SpringBoot框架和分享平台开发的相关理论。2.1SpringBoot框架概述简述SpringBoot框架的特点、优势和应用场景。2.2分享平台技术基础阐述分享平台开发所需的技术基础,如前后端分离、数据库设计等。2.3用户行为分析理论介绍用户行为分析的基本理论和方法,为平台功能设计提供指导。第3章平台需求分析对蛋糕烘焙分享平台进行需求分析,明确平台功能和性能要求。3.1目标用户群体分析分析平台的目标用户群体,了解其需求和特点。3.2功能需求分析详细分析平台应具备的功能,如用户注册、烘焙教程发布、互动交流等。3.3性能需求分析对平台的性能要求进行分析,确保平台的稳定性和可扩展性。第4章平台设计根据需求分析结果,设计蛋糕烘焙分享平台的整体架构和详细功能。4.1平台架构设计设计平台的整体架构,包括前后端分离、数据库设计等。4.2功能模块设计详细设计平台的功能模块,如用户管理、内容管理、互动交流模块等。4.3数据库设计根据平台需求,设计合理的数据库表结构和数据字典。第5章平台实现与测试介绍平台的实现过程,包括环境搭建、编码实现和测试等环节。5.1环境搭建与配置搭建开发环境,配置必要的软件和工具。5.2编码实现按照设计要求,编写平台的前后端代码。5.3平台测试与优化对平台进行测试,发现并解决问题,优化平台性能。第6章结论与展望总结论文的研究成果,展望未来的研究方向和应用前景。6.1研究结论概括论文的主要研究内容和取得的成果。6.2未来研究
Spring MVC 上传文件是一个常见的功能需求,它允许用户通过表单将文件数据发送到服务器端进行处理。在Spring框架中,可以借助`MultipartFile`对象来处理文件上传。以下是基本步骤: 1. **HTML表单**:创建一个包含文件输入字段的HTML表单,`<input type="file">`用于选择本地文件。 ```html <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="fileToUpload"> <button type="submit">上传</button> </form> ``` `enctype="multipart/form-data"`属性很重要,因为它告诉浏览器该表单提交的是二进制数据。 2. **Controller方法**:在Spring MVC控制器中,接收这个请求并处理文件上传。这里通常会检查文件是否有效,然后保存到服务器指定的位置。 ```java @PostMapping("/upload") public String handleFileUpload(@RequestParam("fileToUpload") MultipartFile file) { if (file.isEmpty()) { // 文件为空处理... } else { try { saveUploadedFile(file); return "success"; } catch (Exception e) { // 处理异常... } } return "error"; // 或者返回错误页面 } private void saveUploadedFile(MultipartFile file) throws IOException { byte[] bytes = file.getBytes(); // 将文件保存到服务器目录... } ``` 3. **文件保存**:根据业务需要,将文件保存到服务器文件系统、数据库或其他存储位置。可以使用`OutputStream`或者Spring提供的工具如`FileSystemResource`。 4. **错误处理**:确保捕获并适当地处理可能出现的任何错误,例如文件过大、格式不支持等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值