利用JavaWeb代码实现图片上传功能和如何将其运用到实际项目中

一、图片上传步骤

1、创建jsp页面

在这里插入图片描述

2、创建控制器类

在这里插入图片描述

1、这里定义了浏览器中访问的路径为http://localhost:8080/smv/up
2、并在springmvc配置文件中定义了视图解析器

3、在springmvc配置文件中定义图片上传的bean对象

在这里插入图片描述

4、在tomcat的webapps目录下创建存放图片上传的文件夹

在这里插入图片描述

5、在控制器类中创建jsp页面Post提交方式的对应处理方法

在这里插入图片描述
在这里插入图片描述

修改:里面的路径修改为D:\Tomcat9\tomcat9.0\webapps\imgs\7.jpg

6、在jsp页面中通过< img >标签来显示webapps文件目录下的图片

在这里插入图片描述

7、通过request对象来获取webapps目录,使得代码更加灵活

在这里插入图片描述

8、因为上传的图片格式和文件名不可能都是一样,所以代码做如下改进

在这里插入图片描述

9、当jsp页面中没有点击上传图片时,则会报错,因为并没有判断上传图片是否为空

在这里插入图片描述

10、在实际开发中不可能特意跑去tomcat目录下的webapps文件夹下再创建一个专门存放图片的子文件夹

在这里插入图片描述

二、如何将以上代码运用到项目中去呢?

1、在实际项目中需要用到上传图片功能的代码中传入MultipartFile、HttpServletRequest参数,并添加以下代码

在这里插入图片描述

2、为方便下面代码调用图片名参数,可将其提到 if 语句上面去定义

在这里插入图片描述

3、在jsp页面form表单中需要加入以下代码

在这里插入图片描述

4、在jsp页面中定义的参数要和处理该页面的方法传入的参数要一致

在这里插入图片描述

注意: 以下代码前面可能一开始定义的文件名和后面的不一致,但是以后面定义的参数名为主

猜你喜欢

转载自blog.csdn.net/hcz666/article/details/114840646