Java文件上传（最详细的单文件上传，多文件上传和异步上传）

已于 2024-11-27 18:02:49 修改
阅读量3.3k 收藏 17
点赞数 23
文章标签： java 开发语言 spring boot
于 2024-11-25 19:34:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74077663/article/details/144035880
版权

文件上传

  1. 前端表单：

    • 用户通过一个包含<input type="file">的HTML表单选择要上传的文件。
    • 表单通常使用<form>标签定义，并设置enctype="multipart/form-data"属性，这对于上传文件是必需的，因为它允许表单数据被编码为多部分表单数据。

  2. HTTP请求：

    • 用户提交表单后，浏览器会创建一个HTTP POST请求，将文件作为请求的一部分发送。
    • 文件数据被编码为multipart/form-data格式，这允许在单个请求中发送文件和表单数据。

 

一.单文件上传

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单个文件上传</title>
</head>
<body>
<h3>文件上传</h3>
<form action="/upload/uploadFile" method="post" enctype="multipart/form-data">
    <!--文件上传控件类型为file，要有name属性-->
    <input type="file" name="file">
    <input type="submit" value="上传">
</form>
</body>
</html>
@RequestMapping("/uploadFile")
    public String fileUpload(MultipartFile file) throws IOException {
        // 定义文件存储的根路径
        String realPath = "D:\\web\\springCloud\\lhqDemo\\src\\upload";
        // 创建File对象，指向根路径
        File uploadDir = new File(realPath);
        // 检查目录是否存在，如果不存在则创建
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }
        // 获取上传的文件名称
        String fileName = file.getOriginalFilename();
        // 生成新的文件名，使用UUID确保唯一性
        fileName = UUID.randomUUID().toString() + "_" + fileName;
        // 创建新的File对象，包含文件的完整路径
        File newFile = new File(uploadDir, fileName);
        // 将上传的文件数据写入到服务器的文件中
        file.transferTo(newFile);
        return "index";
    }

1. 前端页面中的name名称需要与控制器参数MultipartFile对象名称一致，也可以用@RequestParam注解来进行协调 。

2.前端页面中的form表单需要指定提交类型为文件类型enctype="multipart/form-data"。

 

二.多文件上传

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多文件上传</title>
</head>
<body>
<h1>多文件上传</h1>
<form action="/upload/uploadFile1" method="post" enctype="multipart/form-data">
    用户名:<input name="username"><br>
    文件一:<input type="file" name="file"><br>
    文件二:<input type="file" name="file"><br>
    <input type="submit" value="上传" >
</form>
</body>
</html>
//多文件上传
    @RequestMapping("/uploadFile1")
    @ResponseBody
    public String fileUpload1(MultipartFile file[],String username) throws IOException {
        String realPath = "D:\\web\\springCloud\\lhqDemo\\src\\upload1";
        File uploadDir = new File(realPath);
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }
        //上面一样，需要遍历进行文件上传
        for (MultipartFile multipartFile : file) {
            String fileName = multipartFile.getOriginalFilename();
            fileName = UUID.randomUUID().toString() + "_" + fileName;
            File newFile = new File(uploadDir, fileName);
            multipartFile.transferTo(newFile);
        }
        return username;
    }

1.多文件上传的前端页面中要注意两个文件的name属性名称需要一样。

2.控制器层的代码基本与上面的一致，只不过这里需要一个一个for循环遍历文件对象，循环的内容都一样。 

 

 三.异步上传

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>异步上传</title>
    <script src="/js/jquery-2.1.1.min.js"></script>
    <script src="/js/jquery.form.js"></script>
</head>
<body>
<form enctype="multipart/form-data" id="ajaxForm">
    文件一:<input type="file" name="file"><br>
<!--    进行异步的表单提交，不会跳转页面而是刷新该页面 -->
<!--    按钮不能是submit代表同步提交的意思，否则会刷新页面-->
    <input type="button" value="上传头像" id="btn" >
</form>
<!--上传头像后显示的位置-->
<img src="/" width="100" id="img">
<script>
    $(document).ready(function () {
        $('#btn').click(function (){
            //异步提交表单
            $('#ajaxForm').ajaxSubmit({
                url:'/upload/asynchronousUpload',
                type:'post',
                success:function (data){
                    alert(data)
                    $("#img").attr('src',data);
                }
            })

        })
    })
</script>
</body>
</html>
//异步文件上传
    @RequestMapping("/asynchronousUpload")
    @ResponseBody
    public String asynchronous(MultipartFile file, HttpServletRequest request) throws IOException {
        //需要在服务器内部创建一个保存文件的文件夹
        String realpath =request.getServletContext().getRealPath("/uploadAsync");
        System.out.println(realpath);
        File uploadDir = new File(realpath);
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }
        String fileName = file.getOriginalFilename();
        fileName = UUID.randomUUID().toString() + "_" + fileName;
        File newFile = new File(uploadDir, fileName);
        file.transferTo(newFile);
        //返回文件路径
        //在文件夹里是看不到图片的，在服务器里面
        //文件访问：返回的路径是相对于Web应用程序根目录的，这意味着你可以通过这个路径直接在浏览器中访问上传的文件。
        return "/uploadAsync/"+fileName;
    }

1.异步上传：异步上传是一种在计算机编程中常用的技术，特别是在处理文件上传时。它允许用户在上传文件的同时继续进行其他操作，而不是等待文件上传完成。 

2.需要用到这两个js文件，大家自行去下载合适的版本即可 

 65fe09f684364754874d918b9be1240a.png

 执行流程：

  1. 页面加载完成后，等待用户点击ID为btn的按钮。
  2. 用户点击按钮后，触发事件，执行绑定的函数。
  3. 函数执行，使用ajaxSubmit方法异步提交ID为ajaxForm的表单。
  4. 表单数据被发送到/upload/asynchronousUpload。
  5. 服务器处理请求并返回响应数据。
  6. 如果请求成功，执行success回调函数，弹出包含响应数据的警告框，并更新页面上的图片元素的src属性为服务器返回的图片URL。

详细解释：

  1. $(document).ready(function () {...})：这是一个jQuery函数，它确保在文档完全加载和解析完成后再执行内部的函数。这意味着所有的DOM元素都已经就绪，可以被安全地访问和操作。

  2. $('#btn').click(function (){...})：这行代码为ID为btn的元素（通常是按钮）绑定了一个点击事件。当用户点击这个按钮时，会执行花括号内的函数。

  3. $('#ajaxForm').ajaxSubmit({...})：这是jQuery插件ajaxSubmit的调用，它允许你以异步方式提交表单。ajaxSubmit是jquery.form.js插件提供的一个方法，它封装了原生的XMLHttpRequest对象，使得异步提交表单更加简单。

  4. url:'/upload/asynchronousUpload'：这是异步请求的目标URL，表单数据将被发送到这个地址。

  5. type:'post'：这指定了HTTP请求的类型，这里是POST方法，意味着数据将被包含在请求体中发送。

  6. success:function (data){...}：这是一个回调函数，当异步请求成功完成时执行。这里的data参数包含了服务器响应的数据。

  7. alert(data)：在请求成功后，弹出一个包含服务器响应数据的警告框。这通常用于调试，以查看服务器返回的数据。

  8. $("#img").attr('src',data);：这行代码将页面上ID为img的元素（通常是<img>标签）的src属性设置为服务器返回的数据。这意味着如果服务器返回了一个图片的URL，那么这个URL将被用来更新图片的源地址，从而在页面上显示新图片。

 

 

四，完整代码与目录结构以及运行截图 

package com.cloud.lhqdemo.controller;

import jakarta.servlet.http.HttpServletRequest;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
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.IOException;
import java.util.UUID;

@Controller
@SuppressWarnings("all")
@RequestMapping("/upload")
public class UploadController {
    //单文件上传
    @RequestMapping("/uploadFile")
    public String fileUpload( MultipartFile file) throws IOException {
        // 定义文件存储的根路径
        String realPath = "D:\\web\\springCloud\\lhqDemo\\src\\upload";
        // 创建File对象，指向根路径
        File uploadDir = new File(realPath);
        // 检查目录是否存在，如果不存在则创建
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }
        // 获取上传的文件名称
        String fileName = file.getOriginalFilename();
        // 生成新的文件名，使用UUID确保唯一性
        fileName = UUID.randomUUID().toString() + "_" + fileName;
        // 创建新的File对象，包含文件的完整路径
        File newFile = new File(uploadDir, fileName);
        // 将上传的文件数据写入到服务器的文件中
        file.transferTo(newFile);
        // 返回重定向指令，通常用于防止表单重复提交
        return "index";
    }
    //多文件上传
    @RequestMapping("/uploadFile1")
    @ResponseBody
    public String fileUpload1(MultipartFile file[],String username) throws IOException {
        String realPath = "D:\\web\\springCloud\\lhqDemo\\src\\upload1";
        File uploadDir = new File(realPath);
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }
        //上面一样，需要遍历进行文件上传
        for (MultipartFile multipartFile : file) {
            String fileName = multipartFile.getOriginalFilename();
            fileName = UUID.randomUUID().toString() + "_" + fileName;
            File newFile = new File(uploadDir, fileName);
            multipartFile.transferTo(newFile);
        }
        return username;
    }
    //异步文件上传
    @RequestMapping("/asynchronousUpload")
    @ResponseBody
    public String asynchronous(MultipartFile file, HttpServletRequest request) throws IOException {
        //需要在服务器内部创建一个保存文件的文件夹
        String realpath =request.getServletContext().getRealPath("/uploadAsync");
        System.out.println(realpath);
        File uploadDir = new File(realpath);
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }
        String fileName = file.getOriginalFilename();
        fileName = UUID.randomUUID().toString() + "_" + fileName;
        File newFile = new File(uploadDir, fileName);
        file.transferTo(newFile);
        //返回文件路径
        //在文件夹里是看不到图片的，在服务器里面
        //文件访问：返回的路径是相对于Web应用程序根目录的，这意味着你可以通过这个路径直接在浏览器中访问上传的文件。
        return "/uploadAsync/"+fileName;
    }
}

4548bfbc71524335ba4ade341f0c00dd.png

 1.单文件上传f44b2cead17e4f45b66210d15993bedd.png

6eb338d4db6d4d8a9ec1144548ecbfdf.png2.多文件上传 

717d17657cb142808e47839984f98600.png

851a56b92c794811adcf8bb3f5ba9660.png  3.异步上传

2bd0f1263630400cb8d4bd1528dbabd4.png

e43622bbe2f34909b7afed96f1d29379.png

 

 最后，宝子们有什么不懂的或者更好的可以评论出来或者私信我，咱们一起进步哦！感谢大家的支持，留下一个关注吧。

 

 

Java中实现文件上传
Hanshy123的博客
08-02 3856
1. springmvc的文件上传: 1.第一种文件上传到本地服务器下。 2.第二种文件上传到oss服务器上。[阿里云] 2. 第一种的缺陷:集群项目无法共享本地上传后的文件 3. 文件上传的步骤: 1.引入commons-fileupload依赖 oss依赖 2.配置文件上传解析器.CommonsMultipartResolver. 3.创建文件上传的表单: 提交方式。 entype编码: 4.编写代码;
Java实现文件的上传
04-25
简单的文件上传，结合struts实现文件上传的一个demo,适合初学者。
文件上传的三种方式-Java
06-05
2项目为实现文件上传的三种方式的源码，详细说明见我的博客。 jsp_upload-servlet项目：(1).Jsp/servlet 实现文件上传 (2).模拟Post请求/servlet 实现文件上传 jetty_upload-springmvc项目：(3).模拟Post请求/Controller（SpringMvc）实现文件上传 请尊重原著，请勿随意传播。
java实现多文件异步上传
12-30
java实现多文件异步上传
Spring中使用Async进行异步功能开发实战-以大文件上传为例
最新发布
m0_74823878的博客
02-28 658
使用SpringEvent解决WebUploader大文件上传解耦问题，在这篇博客当中，我们使用Event机制成功的将大文件的上传和解析的功能进行分离，已经实现了解耦的需求。但是在真实项目中会存在一个问题，就是解耦是解耦了。但是我们期望程序能够做到异步，也就是将文件的上传和解析进行彻底的异步化。后台程序在接收前端请求的文件时，文件上传完成后就结束。而对于上传文件的处理和解析等操作则放到解析程序中。整个过程给人的感觉就是到上传就完成了，解析则可以在后台慢慢运行，等待执行完成即可。
Java发送Post请求上传文件
热门推荐
凌大大的博客
08-27 2万+
本来我们已经有了一个上传文件的接口，但是那个接口并不能直接由app端调用，所以才写了一个单独的接口，在该接口中又调用了那个上传文件的接口。 如果要想知道java同时上传多个文件和多个内容的步骤，请看我另一篇文章JAVA上传多个文件和多个内容方法 1.JSP中相关代码 form id="uploadForm" enctype="multipart/form-data"> p >上传文件
java——文件上传
学习笔记
04-05 9838
文件上传的简介：文件上传是指将本地计算机中的文件传输到网络上的服务器或另一台计算机上的过程。在 Web 开发中，文件上传通常指的是将用户通过 Web 页面提交的文件（如图像、文档、音频、视频等）传输到服务器端的操作。总结：服务端要想接收到从前端页面上传的文件，需要使用到一个api：MultipartFile，通过该api来接收上传的文件。而上传上来的文件是一个。基础实现：在上面的文件上传——入门的基础上，修改一下controller就行。最快的解决办法就是，修改本地存储的路径，输入一个存在的目录的路径。
《Java》----详解用apache的commons-fileupload组件实现文件上传
zhoukun@Fly
09-27 4819
在web开发中，文件上传功能是很普遍的，我们最常见的就是上传图片了，还有上传Excel，今天小编给大家分享一下利用apache的组件实现文件上传功能。     文件上传总体思路     我们想要将磁盘上的文件上传到服务器上去，首先应该有一个管理磁盘文件的工具，当我们上传文件时，还要有一个负责上传文件和解析文件的工具，这两个工具就是apache提供的jar包，commons-fileupload
java 文件上传
shmily_Laowang的博客
06-08 7380
java 文件上传
java文件上传
mywaya2333的博客
05-28 2192
以下是一个简单的Java代码示例，演示了文件上传的过程。EasyExcel是一个用于读写Excel的Java库，它提供了方便的API来解析和生成Excel文件。类需要根据实际情况自行定义，以适应Excel文件中的列结构。同时，确保在项目的依赖管理中包含EasyExcel库的正确版本。类与Excel文件的列对应，也可以通过EasyExcel提供的注解来标记列与属性的映射关系，例如。的输入流，然后使用EasyExcel库的。方法中，可以获取到每一行解析出来的。方法中，可以执行解析完成后的操作。
Java文件上传
【有梦想的菜】的博客
08-16 5958
java文件上传-前后端实现
java文件异步上传
06-27
总结起来，Java文件异步上传是一个涉及前端JavaScript插件和后端Java服务器处理的复杂过程。`jQuery.uploadify`提供了一个方便的工具来实现这一功能，而Java端则需要编写相应的接口来接收并处理上传的文件。理解并...
简述Java异步上传文件的三种方式
05-24
以下是Java异步上传文件的三种主要方式的详细解析： 1. **使用第三方控件**，如Flash、ActiveX等浏览器插件上传： 这些控件允许在浏览器中实现更复杂的交互，包括异步文件上传。然而，这种方法存在局限性，因为...
java基于servlet的文件异步上传
09-01
【Java基于Servlet的文件异步上传详解】 在Java Web开发中，Servlet是处理HTTP请求的核心组件，而文件上传是常见的用户交互功能。本篇文章将详细讲解如何使用Servlet实现文件的异步上传，以便提高用户体验，避免...
java实现多文件上传至本地服务器功能
08-28
Java实现多文件上传至本地服务器功能 Java实现多文件上传至本地服务器功能是指使用Java语言实现将多个文件上传至本地服务器的功能。这种功能在实际开发中非常常见，例如在需要上传多个文件的场景下，可以使用Java...
java post请求以form-data格式上传file文件并请求接口
bernie_ni的博客
04-16 2088
log.info("进来了2"+attachment.getKeyword()+attachment.getFilePath());log.info("获取上传照片参数~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~"+params);// application/octet-stream代表不知道是什么格式的文件。jsonObj.put("msg", "上传照片失败");// 创建MultipartEntityBuilder。// 设置multipart/form-data流文件。
【Java】java实现文件上传和下载（上传到指定路径/数据库/minio）
m0_64210833的博客
04-27 1万+
​ 所有源码均以上传至https://download.csdn.net/download/m0_64210833/89233948 ​
java遍历ftp文件目录及文件
09-01
在Java中遍历FTP文件目录及文件可以使用Apache Commons Net库提供的FTPClient类来实现。下面是实现的步骤： 1. 导入相关的库 首先需要通过Maven等方式将Apache Commons Net库添加到项目中。可以在pom.xml文件中添加以下依赖项： ```xml <dependency> <groupId>commons-net</groupId> <artifactId>commons-net</artifactId> <version>3.8.0</version> </dependency> ``` 2. 创建FTP连接 使用FTPClient类创建FTP连接并设置相关配置，如IP地址、端口、用户名和密码： ```java FTPClient ftpClient = new FTPClient(); ftpClient.connect("ftp.example.com", 21); ftpClient.login("username", "password"); ``` 3. 设置FTP连接的工作目录 使用changeWorkingDirectory()方法设置FTP连接的工作目录： ```java ftpClient.changeWorkingDirectory("/path/to/directory"); ``` 4. 获取目录列表 使用listFiles()方法获取目录下的文件列表，并遍历打印出每个文件名： ```java FTPFile[] files = ftpClient.listFiles(); for (FTPFile file : files) { if (file.isFile()) { System.out.println("文件名：" + file.getName()); } } ``` 5. 关闭FTP连接 使用disconnect()方法关闭FTP连接： ```java ftpClient.disconnect(); ``` 以上就是在Java中遍历FTP文件目录及文件的基本步骤。根据实际需求，可以结合其他操作实现更多功能，如下载文件、上传文件等。此外，应该根据具体情况处理异常、设置超时时间等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无缘过去@

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值