文件上传

这篇博客详细介绍了如何使用Java实现文件上传功能,包括客户端表单设置、服务端接收文件,以及利用FileUpload工具类处理上传。还讲述了如何将图片上传到Tomcat服务器的webapps/upload目录下,并展示如何在页面上加载这些图片。
摘要由CSDN通过智能技术生成

文件上传

4.5.1 图片上传分析

在添加课程营销信息的表单中,有一个图片上传项

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FiybPjOT-1618391930864)(..\02_图片\25.jpg)]

4.5.2 文件上传介绍

文件上传的实质:文件的拷贝

  • 文件上传:从本地将文件拷贝到服务器磁盘上
    • 客户端: 需要编写文件上传表单
    • 服务端: 需要编写代码接受上传的 文件
4.5.3 客户端编码
  1. 文件上传三要素:
  • 1.表单提交方式: post (get方式提交有大小限制,post没有)
  • 2.表单的enctype属性:必须设置为 multipart/form-data.
    • enctype就是encodetype就是编码类型的意思.
    • multipart/form-data是多部件文件上传 , 指表单数据有多部分构成,既有文本数据,又有文件等二进制数据的意思。
  • 3.表单必须有文件上传项: **file **,必须要有name属性和值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8YcNidYt-1618391930867)(..\02_图片\26.jpg)]

注意: 默认情况下,表单的enctype的值是application/x-www-form-urlencoded,不能用于文件上传,只有使用了multipart/form-data,才能完整的传递文件数据

  1. 代码示例
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%--
        表单提交必须是POST ,
        表单的enctype属性:必须设置为   multipart/form-data.
        input的type类型必须指定为: file, 一定要有name属性
        --%>
    <form action="${pageContext.request.contextPath}/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="upload">
        <br>
        <input type="text" name="name">
        <input type="text" name="password">
        <input type="submit" value="文件上传">
    </form>
</body>
</html>
4.5.4 服务端编码

服务端要接收文件上传的表单数据

1. 上传文件, 抓包分析

使用360浏览器进行抓包,谷歌浏览器不方便查看

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NZkUGJZt-1618391930868)(..\02_图片\39.jpg)]

2. 服务端获上传的文件
  1. 通过request获取请求体的内容

  2. 解析请求体 多部件上传的特点是,每个input都是一个表单项.

    根据分隔符将请求中所有的内容,切割成数组,数组中的每一个元素 都是一个表单项

  3. 遍历数组,分清楚那个是普通的表单项, 哪个是 文件上传项

    如何区分? 判断是否有 filename

  4. 获取到普通表单项中的内容,通过属性name获取

  5. 获取文件上传项内容

    文件名: filname = aaa.txt

    文件内容:

  6. 使用IO将文件内容,保存到服务器中

4.5.5 FileUpload工具类
1. 导入依赖

FileUpload包可以很容易地将文件上传到你的Web应用程序.

IOUtils封装了Java中io的常见操作,使用十分方便 ,需要下载 commons-io-1.4.jar 包

<dependency>
    <groupId>commons-io</groupId>
    <artifactId>commons-io</artifactId>
    <version>1.4</version>
</dependency>

<dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.2.1</version>
</dependency>
2. FileUpload 核心类介绍
类名 介绍
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

enterpc

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

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

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

打赏作者

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

抵扣说明:

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

余额充值