java如何从前端传图片到后端
介绍如何使用java从前端上传图片到后端。
操作方法
- 01
在eclipse中创建一个web工程项目。 然后在lib文件夹中添加文件上传需要用到的组件common-io和uploadfile,并将jar包添加到Build Path中。两个jar包的下载可参考:common-io包如何下载。 在src下创建类FileUploadServlet。 在WebContent下创建index.html文件。 创建后的工程目录如图。
- 02
FileUploadServlet.java的内容如图。
- 03
编辑好FileUploadServlet.java文件后,在web.xml文件中配置映射路径。 并修改程序运行的首页为index.html。修改后的web.xml文件内容如图。
- 04
最后编辑index.html文件,index.html文件的内容如图。 index.html只是一个简单的文件上传表单,文件上传是通过使用 <input type="file" />来实现的,注意,由于提交的是文件,所以表单的提交方式需要是post方式,提交的数据格式需要是"multipart/form-data" 数据格式。 如:<form action="./upload" method="post" enctype="multipart/form-data" >,其中的upload就是在web.xml中配置的路径。
- 05
如图,在运行程序前,我D盘下存在uploadImgs文件夹,该文件夹是空的。
- 06
接着启动tomcat。运行结果如图。
- 07
点击浏览,选择要上传的图片。 选择后会显示图片所在的路径。 然后点击提交。
- 08
点击提交后,会跳转到新的页面上,控制台输出图片成功上传到D盘中的uploadImg目录下。
- 09
打开D盘的uploadImg目录,可以看到多了刚刚上传的图片。 这样就成功实现了从前端上传图片到后端,并成功将图片接收后保存了。