手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

java如何从前端传图片到后端

时间:2024-10-19 17:45:22

1、在eclipse中创建一个web工程项目。然后在lib文件夹中添加文件上传需要用到的组件common-io和uploadfile,并将jar包添加到Build Path中。两个jar包的下载可参考:common-io包如何下载。在src下创建类FileUploadServlet。在WebContent下创建index.html文件。创建后的工程目录如图。

java如何从前端传图片到后端

2、FileUploadServlet.java的内容如图。

java如何从前端传图片到后端
java如何从前端传图片到后端
java如何从前端传图片到后端

3、编辑好FileUploadServlet.java文件后,在web.xml文件中配置映射路径。并修改程序运行的首页为index.html。修改后的web.xml文件内容如图。

java如何从前端传图片到后端

4、最后编辑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中配置的路径。

java如何从前端传图片到后端

5、如图,在运行程序前,我D盘下存在uploadImgs文件夹,该文件夹是空的。

java如何从前端传图片到后端

6、接着启动tomcat。运行结果如图。

java如何从前端传图片到后端
java如何从前端传图片到后端

7、点击浏览,选择要上传的图片。选择后会显示图片所在的路径。然后点击提交。

java如何从前端传图片到后端
java如何从前端传图片到后端

8、点击提交后,会跳转到新的页面上,控制台输出图片成功上传到D盘中的uploadImg目录下。

java如何从前端传图片到后端

9、打开D盘的uploadImg目录,可以看到多了刚刚上传的图片。这样就成功实现了从前端上传图片到后端,并成功将图片接收后保存了。

java如何从前端传图片到后端
© 手抄报圈