专栏首页Java后端生活JavaWeb(十七)文件的上传下载

JavaWeb(十七)文件的上传下载

1、小案例

1.1、进行文件上传时, 表单需要做的准备:

1). 请求方式为 POST:<form action="uploadServlet" method="post" ... >

2). 使用 file 的表单域:<input type="file" name="file"/>

3). 使用 multipart/form-data 的请求编码方式:<form action="uploadServlet" method="post" enctype="multipart/form-data">

(1)upload.jsp

(2)UploadServlet.java

(3)web.xml

(4)启动tomcat,访问upload.jsp

(5)控制台打印

2、基于表单的文件上传

如果在表单中使用表单元素<input type=“file”/>,浏览器在解析表单时,会自动生成一个输入框和一个按钮,输入框可供用户填写本地文件的文件名和路径名,按钮可以让浏览器打开一个文件选择框供用户选择文件

3、Enctype 属性

(1)当表单需要上传文件时,需指定表单 enctype 的值为 multipart/form-data

(2)在 form 元素的语法中,enctype 属性指定将数据发送到服务器时浏览器使用的编码类型。

(3)enctype 属性取值:

application/x-www-form-urlencoded:表单 enctype 属性的默认值。这种编码方案使用有限的字符集,当使用了非字母和数字时,必须用”%HH”代替(H 代表十六进制数字)。对于大容量的二进制数据或包含非 ASCII 字符的文本来说,这种编码不能满足要求。

multipart/form-data:form 设定了enctype=“multipart/form-data”属性后,表示表单以二进制传输数据。

4、Commons-fileupload 组件

(1)Commons-fileupload 组件是 Apache 开源代码组织用来处理表单文件上传的一个子项目,该组件性能优异,可以支持任意大小的文件的上传

(2)Commons-fileupload 组件从 1.1 版本开始依赖 Apache 的另一个项目:commons-io。

5、Commons-fileupload 组件上传的基本原理

FileUpload组件将页面提交的所有元素(普通form表单域,如text和文件域file)都看作一样的FileItem,这样上传页面提交的 request请求也就是一个FileItem的有序组合,FileUpload组件可以解析该request,并返回一个一个的FileItem。而对每一个FileItem,FileUpload组件可以调用FileItem的isFormField()方法来判断出它是普通form表单域还是文件file域,从而根据不同的类型,采取不同的操作。如果是表单域,就读出其值;如果是文件域,就保存文件到服务器硬盘上或者内存中。

6、Commons-fileupload 组件API

(1)在 Commons-fileupload 组件中,主要用到以下三个接口和类:

org.apache.commons.fileupload.FileItem;

org.apache.commons.fileupload.disk.DiskFileItemFactory;

org.apache.commons.fileupload.servlet.ServletFileUpload;

(2)ServletFileUpload 负责处理上传的文件数据,并将每部分的数据封装成一到 FileItem 对象中。

(3)DiskFileItemFactory 是创建 FileItem 对象的工厂,在这个工厂类中可以配置内存缓冲区大小和存放临时文件的目录。

(4)ServletFileUpload 在接收上传文件数据时,会将内容保存到内存缓存区中,如果文件内容超过了 DiskFileItemFactory 指定的缓冲区的大小,那么文件将被保存到磁盘上,存储为 DiskFileItemFactory 指定目录中的临时文件。等文件数据都接收完毕后,ServletUpload 在从文件中将数据写入到上传文件目录下的文件中。

7、案例

(1)修改UploadServlet.java为如下:

(2)选择一个文件上传

(3)后台打印

(4)d盘的临时文件

(5)上传一个大的文件

8、文件的下载

利用程序实现下载需要设置 2 个报头:

(1)Web 服务器需要告诉浏览器其所输出的内容的类型不是普通的文本文件或 HTML 文件,而是一个要保存到本地的下载文件。设置Content-Type 的值为:application/x-msdownload

(2)Web 服务器希望浏览器不直接处理相应的实体内容,而是由用户选择将相应的实体内容保存到一个文件中,这需要设置 Content-Disposition 报头。该报头指定了接收程序处理数据内容的方式,在 HTTP 应用中只有 attachment 是标准方式,attachment 表示要求用户干预。在 attachment 后面还可以指定 filename 参数,该参数是服务器建议浏览器将实体内容保存到文件中的文件名称。在设置 Content-Dispostion 之前一定要指定 Content-Type。

(3)因为要下载的文件可以是各种类型的文件,所以要将文件传送给客户端,其相应内容应该被当做二进制来处理,所以应该调用 方法返回 OutputStream 对象来向客户端写入文件内容。

9、下载的案例

(1)download.jsp

(2)test.jsp

(3)DownloadServlet.java

(4)访问download.jsp

内容如下

(5)下载文件

10、典型案例

(1)数据库test新建一个表

(2)通过新增一个附件的按钮,新增两个附件

(3)提交后,数据库新增了三条记录

(4)文件保存在了该路径下

(5)如果上传一个记事本,则会提示文件的扩展名不合法

本文分享自微信公众号 - Java后端生活(javaNotebook)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-06-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaWeb(四)Servlet-1

    leeqico
  • JavaWeb(六)JSP-1

    leeqico
  • Linux(十九)YUM

    leeqico
  • form表单提交controller层接收到的值为乱码的问题

      今天遇到个中文乱码问题,大体情况是这样的:前台有一个form表单,其中有几个input的控件,值是带中文的,form表单只设置了id='form1' met...

    程序员一一涤生
  • React antd如何实现<Upload>组件上传附件再次上传已清除附件缓存问题。

    最近在公司做React+antd的项目,遇到一个上传组件的问题,即上传附件成功后,文件展示处仍然还有之前上传附件的缓存信息,需要解决的问题是,要把上一次上传的附...

    朱季谦
  • js拖拽上传图片

    有时候,在开发中,需要遇到拖拽上传图片的需求,即从磁盘选中一张或多张图片,然后按着鼠标把图片拖动到页面上指定的区域,实现图片的上传。

    用户1174387
  • 如何降级Cloudera Manager和CDH

    在前面的文章中,Fayson介绍过《如何升级Cloudera Manager和CDH》,在实际使用过程中,我们往往会碰到将集群升级到一个较新的版本后,会出现一些...

    Fayson
  • Fregata: Spark上支持万亿维机器学习模型

    大规模机器学习工程上最大的挑战是模型的规模。在计算广告,推荐系统的场景下,运用Logistic Regression算法时常需要做特征交叉。原来两组,三组特征的...

    CSDN技术头条
  • html页面动态创建form表单向后端发送请求

    前端向后端(api)请求一个文件下载,请求成功后后端(api)直接返回文件的内容,而不是返回文件的url,如果返回了文件的url,前端直接window.open...

    whileideath
  • 纯JavaScript 非flash 上传头像/图片 截取截图

    用户1258909

扫码关注云+社区

领取腾讯云代金券