JavaWeb简单文件上传流程的实战记录

目录
  • 引言
  • 前端上传文件
  • 后端接受文件
  • 总结

引言

这里实现一个简单的图片上传功能，主要是熟悉这个文件上传的交互流程。关于更复杂的文件上传，如大文件的切片上传、断点续传等，这里不做过多介绍。

前端上传文件

首先在前端创建一个页面，这里我们选择通过form表单的形式上传文件。在选择时，使用input标签中 的file类型就可以自动的选择本地文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传一张图片</title>
</head>
<body>
<form action="upload" method="POST" enctype="multipart/form-data">
    <input type="file" name="MyImage">
    <input type="submit" value="提交图片">
</form>
</body>
</html>

代码解释：

  • 在form标签中，action属性后写入表单数据上传的URL地址，如果不写，默认上传到当前页面，这里我们写成服务器解析的地址@WebServlet("/upload")。
  • method属性中我们设为POST方法，即提交表单数据的方法，也就是前面我们说的构造HTTP请求的方法，并且POST传输的数据量大，可视为不受限制。
  • enctype=“multipart/form-data”,这个属性的作用是将表单数据编码格式置为multipart/form-data类型，这个编码类型会对文件内容在上传时进行处理，以便服务器解析文件的类型和内容。

enctype属性：
application/x-www=form-urlencoded：默认方式，只处理表单域中的 value 属性值，将表单域中的值处理成 URL 编码方式；
multipart/form-data：以二进制流的方式处理表单数据，除了表单域中的 value 属性值，还会处理表单域的文件内容，将其封装到请求参数中，不会对字符编码；
text/plain：将空格转换为+号，其它字符不做编码处理，适用于通过表单发送邮件。

小结：

  • 前端文件上传实际是文件内容的传递，是数据的传递，并非我们常用的文件的拷贝与复制操作。
  • 传递的过程中药进行编码来制定数据发送的规则，方便后端能够实现一套对应的解析规则来解析。
  • 传递的数据规则里面应该包含文件的基本信息，如文件名和文件类型，方便后端解析时能写出正确格式的文件。

后端接受文件

在服务器这边处理请求，并将请求中的文件取出并重新保存，最后将代码部署到Tomcat上.

在解析请求中的文件时，需要用到Servlet中的getPart方法.此方法的参数是对应的文件名name

在前端上传文件的时候，可以一次选择多个文件上传，其中每个文件，会被包装成一个Part对象.每个文件都会有自己的文件名name,服务器这边就可以根据文件名来找到对应的Part，在Part中就包含了对应文件信息。

import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;
import java.io.IOException;
@MultipartConfig
@WebServlet("/upload")
public class UploadServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.从请求对象中，读取出Part对象
        Part part =req.getPart("MyImage");
        //2.读取到Part 对象中的一些参数
        System.out.println(part.getSubmittedFileName()); // 上传文件真实的文件名
        System.out.println(part.getContentType()); // 文件的类型
        System.out.println(part.getSize()); // 文件的大小

        //3.把文件写入到指定的目录中
        part.write("c:/temp/MyImage.jpg");
        //4.返回一个响应，通知用户上传成功
        resp.getWriter().write("upload OK !");
    }
}

代码解释：

  • 接受文件上传的Servlet,必须有@MultipartConfig注解，否则Servlet不能正确的读取请求中的文件内容
  • @WebServlet("/upload")这里的/upload和前端form标签中的action属性的值upload正好对应了起来。action属性会将form表单中的数据发送到对应的URL中，前端将URL设为upload,那么后端在构造url的时候也必须和前端的对应起来。否则访问不了Tomcat.
  • 在Servlet中重写的具体是哪个方法也要和前端method属性对应起来，前端用的是Post方法，那么后端在Servlet中重写的就是doPost方法.
  • 在重写的方法中，我们首先要通过文件名name获取到对应的Part对象。前端文件名是MyImage，那么这里的参数就必须是MyImage。
  • 获得对象后，就可以通过Servlet内置的一些方法来获得文件的参数信息，例如文件名，文件类型，文件大小等。
  • 然后通过part.write()方法使文件持久化，也就是将文件保存下来，写入指定的目录中。这个方法的参数就是想要保存的路径
  • 最后可以返回一个响应，通知客户端上传成功。

在浏览器中输入URL，发送请求，开始上传文件

上传成功

在本地对应的路径中，可以看到被上传的文件

总结

到此这篇关于JavaWeb简单文件上传的文章就介绍到这了,更多相关JavaWeb文件上传流程内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaWeb文件上传下载实例讲解(酷炫的文件上传技术)

    JavaWeb文件上传下载实例讲解(酷炫的文件上传技术)

    一.课程概述 在Web应用系统开发中,文件上传功能是非常常用的功能,今天来主要讲讲JavaWeb中的文件上传功能的相关技术实现,并且随着互联网技术的飞速发展,用户对网站的体验要求越来越高,在文件上传功能的技术上也出现许多创新点,例如异步上传文件,拖拽式上传,黏贴上传,上传进度监控,文件缩略图,大文件断点续传,大文件秒传等等. 本课程需要的基础知识: 了解基本的Http协议内容 基本IO流操作技术 Servlet基础知识 javascript/jQuery技术基础知识 二.文件上传的基础 对于文件

  • JavaWeb实现文件上传下载功能实例详解

    JavaWeb实现文件上传下载功能实例详解

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 文件上传概述 1.文件上传的作用 例如网络硬盘!就是用来上传下载文件的. 在智联招聘上填写一个完整的简历还需要上传照片呢. 2.文件上传对页面的要求 上传文件的要求比较多,需要记一下: 必须使用表单,而不能是超链接 表单的method必须是POST,而不能是GET 表单的enctype必须是multipart/form-data 在表单中添加file表单字段,即<input ty

  • JavaWeb实现文件上传与下载的方法

    文件上传概述 实现web开发中的文件上传功能,需完成如下二步操作: 在web页面中添加上传输入项 在servlet中读取上传文件的数据,并保存到本地硬盘中. 如何在web页面中添加上传输入项? <input type="file">标签用于在web页面中添加文件上传输入项,设置文件上传输入项时须注意: 1.必须要设置input输入项的name属性,否则浏览器将不会发送上传文件的数据. 2.必须把form的enctype属值设为multipart/form-data.设置该值

  • Javaweb实现上传下载文件的多种方法

    Javaweb实现上传下载文件的多种方法

    在Javaweb中,上传下载是经常用到的功能,对于文件上传,浏览器在上传的过程中是以流的过程将文件传给服务器,一般都是使用commons-fileupload这个包实现上传功能,因为commons-fileupload依赖于commons-io这个包,所以需要下载这两个包commons-fileupload-1.2.1.jar和commons-io-1.3.2.jar. 1.搭建环境 创建Web项目,将包导入到项目lib下 2.实现文件上传 (第一种上传的方法) 新建upload.jsp页面 <

  • javaweb实现文件上传示例代码

    本文实例为大家分享了javaweb文件下载的具体实现代码,供大家参考,具体内容如下 文件上传示例 注意:jsp页面编码为"UTF-8" 文件上传的必要条件 1.form表单,必须为POST方式提交 2.enctype="multipart/form-data" 3.必须有<input type="file" /> 前端jsp页面 <%@ page language="java" import="ja

  • JavaWeb实现文件上传与下载实例详解

    JavaWeb实现文件上传与下载实例详解

    在Web应用程序开发中,文件上传与下载功能是非常常用的功能,下面通过本文给大家介绍JavaWeb实现文件上传与下载实例详解. 对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦,所以一般选择采用apache的开源工具common-fileupload这个文件上传组件.这个common-fileupload上传组件的jar包可以去apache官网上面下载,common-fileupload是依赖于c

  • JavaWeb实现文件上传下载功能实例解析

    JavaWeb实现文件上传下载功能实例解析

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦,所以一般选择采用apache的开源工具common-fileupload这个文件上传组件.这个common-fileupload上传组件的jar包可以去apache官网上面下载,也可以在struts的lib文件夹下面找到,stru

  • JavaWeb文件上传与下载功能解析

    JavaWeb文件上传与下载功能解析

    在开发过程中文件的上传下载很常用.这里简单的总结一下: 1.文件上传必须满足的条件: a. 页面表单的method必须是post 因为get传送的数据太小了 b. 页面表单的enctype必须是multipart/form-data类型的 c. 表单中提供上传输入域 代码细节: 客户端表单中:<form enctype="multipart/form-data"/> (如果没有这个属性,则服务端读取的文件路径会因为浏览器的不同而不同) 服务端ServletInputStre

  • JavaWeb如何实现本地文件上传功能

    JavaWeb如何实现本地文件上传功能

    这篇文章主要介绍了JavaWeb如何实现本地文件上传功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 Web中的文件上传主要是分为两步 在Web页面中设置一个上传文件的选项,一般是通过<form><input>两个标签实现 在Servlet类中读取到上传的文件,并保存到服务器中 记录实现步骤前先撸一遍需要注意的几个地方,以及两个jar包和类的介绍 需要注意的地方 <input>输入项的type属性设置为'file',

  • JavaWeb项目实现文件上传动态显示进度实例

    JavaWeb项目实现文件上传动态显示进度实例

    很久没有更新博客了,这段时间实在的忙的不可开交,项目马上就要上线了,要修补的东西太多了.当我在学习JavaWeb文件上传的时候,我就一直有一个疑问,网站上那些博客的图片是怎么上传的,因为当提交了表单之后网页就跳转了.后来我学习到了Ajax,我知道了浏览器可以异步的发送响应,这时我又有新的疑问,那就是在我上传一些文件的时候,那些网站的上传进度是怎么做到的,因为servlet直到上传完成之后才完成响应. 最近我们的项目中有一个地方中需要用到一个功能,当用户点击一个处理按钮时,前台会实时的显示后台处理

随机推荐