当前位置: 首页 > news >正文

javaee实验:文件上传及拦截器的使用

目录

  • 文件上传
  • @ModelAttribute注解
  • 实验目的
  • 实验内容
  • 实验过程
    • 项目结构
    • 编写代码
    • 结果展示

文件上传

Spring MVC 提供 MultipartFile 接口作为参数来处理文件上传。
MultipartFile 提供以下方法来获取上传的文件信息:
 getOriginalFilename 获取上传的文件名字;
 getInputStream 获取一个 InputStream;
 getSize 上传文件的大小
 isEmpty 文件上传内容为空,或者没有文件上传
如果上传单个文件,使用 MultipartFile 类对象接收单个上传文件,如果是同时上传多个
文件,则使用 MultipartFile 数组类来接收多个文件。
例 1:单个文件上传

@PostMapping("/upload/multipart")
@ResponseBody
public Map<String, Object> upload(@RequestParam("photo") MultipartFile
photo)
{
。。。
} 
其中,upload 方法参数类型为 MultipartFile,使用 photo 对象接收单个上传文件,
@RequestParam("photo")获取请求参数“photo”值,该变量名称与视图表单中的名称对
应。
<input type="file" name="photo" value="请选择上传的文件" />

例 2:批量文件上传

 @PostMapping("/upload/multipart1")
@ResponseBody
// 使用Spring MVC的MultipartFile类作为参数
public Map<String, Object> upload1(@RequestParam("photo") 
MultipartFile[] photos){。。。}

2
其中,upload1 方法参数类型为 MultipartFile[],即使用数组来接收多个上传的文
件。这要求 HTTP 请求中包含有多个名字为“photo”的文件。

 <form method="post"action="./multipart1" enctype="multipart/form-data"><input type="file" name="photo" value="请选择上传的文件" /><p><input type="file" name="photo" value="请选择上传的文件" /><p><input type="file" name="photo" value="请选择上传的文件" /><p> <input type="submit" value="提交" /></form>

@ModelAttribute注解

@ModelAttribute 注解主要是将请求参数绑定到 Model 对象上。@ModelAttribute 注解只
有一个 Value 属性,类型为 String,表示绑定的属性名称。当 Controller 类中有任意一个方法
被@ModelAttribute 注解标记,页面请求只要进入这个控制器,不管请求哪个方法,均会先
执行被@ModelAttribute 标记的方法,所以可以用@ModelAttribute 注解的方法做一些初始化
操作。当同一个 Controller 类中有多个方法被@ModelAttribute 注解标记,所有被
@ModelAttribute 注解标记的方法均会被执行,按先后顺序执行,然后再进图请求的方法。

实验目的

(1) 掌握 MultipartFile 类的使用
(2) 掌握 Spring MVC 实现文件上传方法
(3) 掌握@ModelAttribute 注解的使用方法

实验内容

(1) Spring MVC 框架实现单文件上传。
(2) Spring MVC 框架实现批量文件上传。
(3) @ModelAttribute 注解应用

实验过程

项目结构

在这里插入图片描述
当然原本uploaded里面是什么都没有的,这里本来就是存放上传的文件的地方

编写代码

FileController

import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import java.util.logging.SimpleFormatter;@Controller
public class FileController {// 定义一个跳转到上传页面的方法,映射到/upload/page路径@GetMapping("/upload/page")public String uploadPage(){return "/file/upload";}// 定义一个处理文件上传的方法,映射到/upload/multipart路径@PostMapping("/upload/multipart")@ResponseBody//使用Spring MVC的MultipartFile数组作为参数,对应了保存的临时文件public Map<String,Object> upload(@RequestParam("photo")MultipartFile[] photos){String path="D:/idea/code/java/MultipartFile/src/main/resources/uploaded/";//保存路径// 定义一个计数器,用于记录上传成功的文件个数int count = 0;// 遍历上传的文件数组for (MultipartFile photo : photos) {// 使用日期格式化类来生成文件名String filename=new SimpleDateFormat("yyyyMMddHHmmssSSS").format(new Date());//获取上传文件的后缀suffixString suffix=photo.getOriginalFilename().substring(photo.getOriginalFilename().lastIndexOf("."));// 判断文件的后缀是否是.jpg,如果不是则跳过这个文件if(!suffix.equals(".jpg")){continue;}try {// 创建一个文件对象,指定保存的位置和文件名File destFile = new File(path + filename + suffix);// 判断文件的父目录是否存在,如果不存在则创建if (!destFile.getParentFile().exists()) {destFile.getParentFile().mkdirs();}// 将文件保存到指定的位置photo.transferTo(destFile);// 将计数器加一count++;}catch (IOException e){// 捕获异常并打印e.printStackTrace();}}// 判断计数器是否大于零,如果是则表示有文件上传成功if (count > 0) {// 返回一个成功的提示信息return dealResultMap(true,"上传成功,共上传了" + count + "个文件");} else {// 返回一个失败的提示信息return dealResultMap(false,"上传失败,没有符合条件的文件");}}//处理上传文件结果private Map<String,Object>dealResultMap(boolean success,String msg){Map<String,Object> result=new HashMap<String,Object>();result.put("success",success);result.put("msg",msg);return result;}}

upload.html

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>文件上传</title>
</head>
<body>
<h1>文件上传</h1>
<p>请选择一个.jpg格式的图片文件,然后点击上传按钮,将文件上传到服务器。</p>
<form action="/upload/multipart" method="post" enctype="multipart/form-data"><input type="file" name="photo" accept="image/jpeg"><input type="submit" value="上传">
</form>
<div id="result"></div>
<script>// 获取表单元素var form = document.querySelector("form");// 获取结果元素var result = document.getElementById("result");// 监听表单的提交事件form.addEventListener("submit", function(event) {// 阻止表单的默认提交行为event.preventDefault();// 创建一个FormData对象,用于封装表单数据var formData = new FormData(form);// 创建一个XMLHttpRequest对象,用于发送异步请求var xhr = new XMLHttpRequest();// 设置请求的方法和地址xhr.open("POST", "/upload/multipart");// 设置请求的响应类型为JSONxhr.responseType = "json";// 设置请求的回调函数xhr.onload = function() {// 判断请求的状态是否成功if (xhr.status === 200) {// 获取响应的数据var data = xhr.response;// 判断上传的结果是否成功if (data.success) {// 显示成功的提示信息result.innerHTML = "<p style='color:green'>" + data.msg + "</p>";} else {// 显示失败的提示信息result.innerHTML = "<p style='color:red'>" + data.msg + "</p>";}} else {// 显示错误的提示信息result.innerHTML = "<p style='color:red'>请求失败,状态码:" + xhr.status + "</p>";}};// 发送请求xhr.send(formData);});
</script>
</body>
</html>

MultipartFileApplication

import com.example.multipartfile.controller.FileController;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication
public class MultipartFileApplication {public static void main(String[] args) {SpringApplication.run(MultipartFileApplication.class, args);}}

结果展示

搜索自己对应的url
在这里插入图片描述
单击选择文件,打开文件夹进行文件的选择
在这里插入图片描述
选择好文件
在这里插入图片描述
点击上传
在这里插入图片描述
返回idea中查看
在这里插入图片描述
在选择的保存路径uploaded中出现了我们选择上传的图片,当然也可以选择多文件上传,只要同时选择多个文件,然后点击上传就可以了

http://www.lryc.cn/news/254377.html

相关文章:

  • 二分查找19(Leetcode540有序数组中的单一元素)-1
  • 字节开源的netPoll底层LinkBuffer设计与实现
  • 《点云进阶》专栏文章目录
  • 二分查找算法-查找最接近的元素Python实现(题目来源dotcpp: 2926)
  • debian11,debian 如何删除虚拟内存,交换分区
  • 智能优化算法应用:基于人工大猩猩部队算法无线传感器网络(WSN)覆盖优化 - 附代码
  • 鼎捷受邀出席“中国制造业产品创新数字化国际峰会”,共话工业软件创新发展
  • 大话数据结构-查找-多路查找树
  • unity 2d 入门 飞翔小鸟 飞翔脚本(五)
  • Linux系统调试课:I2C tools调试工具
  • uniapp中解决swiper高度自适应内容高度
  • Contrast and Generation Make BART a Good Dialogue Emotion Recognizer
  • 图的深度优先搜索(数据结构实训)
  • VUEX使用总结
  • 指定分隔符对字符串进行分割 numpy.char.split()
  • Android12蓝牙框架
  • python文件docx转pdf
  • 9.基于SpringBoot3+I18N实现国际化
  • 27. 深度学习进阶 - 为什么RNN
  • 谈一谈柔性数组
  • <Linux>(极简关键、省时省力)《Linux操作系统原理分析之Linux文件管理(1)》(25)
  • 算能PCIe开发环境搭建-一些记录
  • 使用C#和HtmlAgilityPack打造强大的Snapchat视频爬虫
  • c/c++的字符和字符串输入输出
  • 学习设计模式的网站
  • Hadoop学习笔记(HDP)-Part.08 部署Ambari集群
  • IDEA加载阿里Java规范插件
  • 【CSP】202305-1_重复局面Python实现
  • html5各行各业官网模板源码下载(1)
  • 6 Redis缓存设计与性能优化