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