Servlet基础教程之如何上传文件逐步演示

最新推荐文章于 2022-07-06 10:16:05 发布

java知多少

最新推荐文章于 2022-07-06 10:16:05 发布

阅读量555

点赞数

分类专栏：零基础自学java 文章标签： 1024程序员节 java 大数据 tomcat web

本文链接：https://blog.csdn.net/java_zdc/article/details/109252630

版权

步骤 1 : 先运行，看到效果，再学习

步骤 2 : 模仿和排错

步骤 3 : 首先准备上传页面 upload.html

步骤 4 : 接着准备 UploadPhotoServlet

步骤 1 : 先运行，看到效果，再学习

老规矩，先下载下载区(点击进入)的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。

步骤 2 : 模仿和排错

在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。
模仿过程难免代码有出入，导致无法得到期望的运行结果，此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码，来定位问题所在。
采用这种方式，学习有效果，排错有效率，可以较为明显地提升学习速度，跨过学习路上的各个槛。

推荐使用diffmerge软件，进行文件夹比较。把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。
这个软件很牛逼的，可以知道文件夹里哪两个文件不对，并且很明显地标记出来
这里提供了绿色安装和使用教程：diffmerge 下载和使用教程

步骤 3 : 首先准备上传页面 upload.html

上传页面有两点需要注意
1. form 的method必须是post的，get不能上传文件。还需要加上enctype="multipart/form-data" 表示提交的数据是二进制文件

<form action="uploadPhoto" method="post" enctype="multipart/form-data">

2. 需要提供type="file" 的字段进行上传

<!DOCTYPE html>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<form action="uploadPhoto" method="post" enctype="multipart/form-data">

英雄名称:<input type="text" name="heroName" /> <br>

上传头像 : <input type="file" name="filepath" /> <br>

<input type="submit" value="上传">

</form>

步骤 4 : 接着准备 UploadPhotoServlet

在UploadPhotoServlet进行上传的功能开发。
1. 需要用到两个第三方的jar包，commons-io-1.4.jar和commons-fileupload-1.2.2.jar。在右侧下载，并放在WEB-INF/lib下

2. 前部分代码是固定写法，用来做一些准备工作。直到遍历出Item,一个Item就是对应一个浏览器提交的数据，通过item.getInputStream可以打开浏览器上传的文件的输入流。

3. 客户提交的文件名有可能是一样的，所以在服务端保存文件的时候，不能使用客户提交的文件名。这里使用的是一种粗糙的解决文件名重复的办法，即使用时间戳。

4. 读取输入流中的数据，保存在服务端的目录下 e:/project/j2ee/web/uploaded，这个目录是通过getRealPath获取到的。如果项目部署在其他地方，那么会自动做相应的变化。
注：为什么要放这里？因为后续网页上显示的时候是通过http://127.0.0.1/uploaded/xxx.jpg 路径来获取图片。

5. 根据临时生成的文件名，创建一个html img元素，然后通过response返回浏览器