ssm框架上传图并显示

已于 2022-06-02 16:35:36 修改
阅读量1.9k 收藏 22
点赞数 4
文章标签： spring maven java
于 2022-06-02 16:25:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44899752/article/details/125102352
版权

ssm框架上传图并显示

第一步先建maven项目
在这里插入图片描述
第二步在maven项目中的pom.xml文件中添加依赖

<

<dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.47</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.5.9</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>javax.servlet.jsp-api</artifactId>
      <version>2.3.3</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>4.3.18.RELEASE</version>
<!--      <optional>true</optional>-->
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>2.0.6</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>

    <dependency>
      <groupId>commons-dbcp</groupId>
      <artifactId>commons-dbcp</artifactId>
      <version>1.4</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.4</version>
    </dependency>


    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>2.0.4</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.10</version>
    </dependency>

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid-spring-boot-starter</artifactId>
      <version>1.2.9</version>
    </dependency>

第三步 构建项目目录结构
在这里插入图片描述
**

先配置jdbc.properties文件**

driver=com.mysql.jdbc.Driver
url=jdbc:mysql://localhost:3306/db_fire_mybatis?characterEncoding=utf8
username=root
password=12345678

在配置applicationContext.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:tx="http://www.springframework.org/schema/tx" xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                        http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
                        http://www.springframework.org/schema/tx
                        http://www.springframework.org/schema/tx/spring-tx.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

<!--加载properties-->
    <bean id="PlaceholderConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
        <property name="location" value="classpath:jdbc.properties"/>
    </bean>
<!--    配置数据源-->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
        <property name="driverClassName" value="${driver}"/>
        <property name="url" value="${url}"/>
        <property name="username" value="${username}"/>
        <property name="password" value="${password}"/>
    </bean>
<!--    mybatis和spring的整合-->
    <bean id="SqlSessionFactoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
<!--        扫描实体包,配置别名-->
        <property name="typeAliasesPackage" value="com.ssm.entity"/>
<!--        扫描sql映射文件-->
        <property name="mapperLocations" value="classpath:mapper/*.xml"/>
    </bean>
<!--mapper动态代理开发，扫描dao接口-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<!--        注入sqlSessionFactory-->
        <property name="sqlSessionFactoryBeanName" value="SqlSessionFactoryBean"/>
        <property name="basePackage" value="com.ssm.dao"/>
    </bean>

<!--    事务管理-->
    <bean class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<!--        数据库链接池-->
        <property name="dataSource" ref="dataSource"/>
    </bean>

</beans>

再次配置spring-mvc.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
<!--    扫描注解，扫描com.ssm下所有的文件-->
    <context:component-scan base-package="com.ssm"/>
<!--    开启spring注解-->
    <mvc:annotation-driven/>
<!--    静态资源默认servlet的配置-->
    <mvc:default-servlet-handler/>

    **<bean id="multipartResolver"
          class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!-- 设置上传文件的最大尺寸为 5MB -->
        <property name="maxUploadSize">
            <value>5242880</value>
        </property>
    </bean>**
    <!--    配置返回试图路径，以及识别后缀jsp文件-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

配置web.xml文件

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
  
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
<!--  配置监听器-->
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
<!--  指定spring的核心配置文件-->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationContext.xml</param-value>
  </context-param>

  <!-- 解决乱码的过滤器 -->
  <filter>
    <filter-name>CharacterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>utf-8</param-value>
    </init-param>

    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  
<!--  配置前端控制器-->
  <!-- 配置前端控制器 -->
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!-- 指定配置文件位置和名称 如果不设置,默认找/WEB-INF/<servlet-name>-servlet.xml -->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring-mvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
    <async-supported>true</async-supported>
  </servlet>

  <servlet-mapping>
  <servlet-name>springmvc</servlet-name>
  <url-pattern>/</url-pattern>
  </servlet-mapping>
  
</web-app>

开始编写代码
第一步 先写实体类

在这里插入图片描述第二步 编写dao接口
在这里插入图片描述
第三步 编写sql映射文件
在这里插入图片描述
第四步 编写service接口
在这里插入图片描述
第五步 实现service接口
在这里插入图片描述
第六步 编写controller

在这里插入图片描述
在这里插入图片描述
第七步 配置Tomcat
在这里插入图片描述
在这里插入图片描述
第八步 编写上传图片的jsp页面
在这里插入图片描述
编写显示图片的jsp页面

在这里插入图片描述

java庞
关注
  • 4
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
SSM框架图片本地上传到服务器（前端如何通过form表单传递，springMVC如何接收以及存储，存储后的有效访问）
m0_46652188的博客
05-28 1506
文件结构 1.目的和错误描述： 目的： 实现controller层中HelloController接收前端form表单提交的图片文件，把图片存储到webapp/static/headImg里面。 出现的问题： 存储之后如果需要调用这个图片，服务器会报404错误（该路径不存在），然而当我重启服务器后，调用该图片又能成功显示了。 原因： 首先，我们代码中的路径都是根据服务器的文件目录来寻找文件的。我虽然把图片成功存储在webapp/static/headImg里面，但是整个过程中tomcat服务器一直在运行，
ssm框架图片上传
Hao_JanYang的博客
05-04 634
环境准备 下载jar包（maven） <!-- 上传组件包 --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId...
基于SSM框架的图片上传并回显
01-10
基于SSM框架的图片（文件）上传并显示到页面，附有数据库
SSM项目中实现图片上传和回显
weixin_51419940的博客
03-23 1002
在前端页面通过选择内存中图片，提交后将图片存在对应的路径中，路径存进数据库，查询数据库返回的路径通过在jsp中用img src=“”来展示图片。在实现过程也是出现了不少问题，所以要注意细节。service层接口。
ssm整合实现图片上传功能
最新发布
m0_67457986的博客
06-17 344
我们在做一些项目或者页面的时候，肯定会涉及制作一个表格，比如说商品的表格。其中表格包含的信息除了名称，价格等之外，我们或许还会添加相应的图片，以至于更加直观的去感受商品。那么基于ssm框架的商品图片（文件）上传显示功能又将如何实现呢，下面着重来讲解。
SSM框架上传文件图片并回显到前端
qq_45780016的博客
04-14 2343
SSM框架上传文件图片并回显到前端
使用SSM框架上传图片
不知名路人甲的博客
07-21 3556
使用SSM框架上传图片 建数据表 CREATE DATABASE my_resource; USE my_resource; CREATE TABLE `image`( `id` INT AUTO_INCREMENT , `title` VARCHAR(255) , `url` VARCHAR(255) , `type` VARCHAR(20), PRIMARY KEY(`id`) )ENGINE=INNODB DEFAULT CHARSET=utf8; 通过idea开始一个maven工程
前端向后台（SSM框架）传一张图片，看这一篇就够了
m0_60689237的博客
07-31 1294
1.前提引入1.1项目背景：暑假在家，老师希望我们能构想一下自己的毕业设计。我想做个校园论坛，但老师说太简单了，所以我自己想要添加一个智能认证身份的功能。如上传一张校园卡图片，识别出你是否是学生。2.2问题引入：为了实现智能认证身份，第一步就是获取到前端的图片。但是写好了代码以后，一直无法把图片传给后端。由于前端与后端都是自己写的，一时间都不知道是前端还是后端错了。在听取了他人意见用Postman先测试后端有没有用后，才发现了问题的关键。2.问题解决。
SSM框架图片上传与显示
09-19
在SSM框架中实现图片的上传与显示，涉及到了文件上传、文件存储、数据库交互以及前端展示等多个环节。 1. **文件上传**: 在SSM框架中，文件上传通常借助于`Commons-FileUpload`库来实现。用户通过表单提交包含图片...
ssm框架上传图片保存到本地和数据库示例
08-31
SSM框架上传图片保存到本地和数据库示例 SSM框架上传图片保存到本地和数据库示例是使用Spring+SpringMVC+MyBatis框架集合实现的，主要介绍了如何将上传的图片保存到本地和数据库中。 知识点一：SSM框架简介 SSM...
SSM的文件上传到数据并显示.rar
04-17
SSM（Spring、SpringMVC、MyBatis）是一个经典的...这个过程涵盖了文件上传、数据库操作、前后端交互等多个关键环节，对于理解SSM框架的集成应用非常有帮助。开发者可以通过学习这个案例，提升在实际项目中的开发能力。
ssm框架实现单表增删改查、条件查询和分页、文件上传
05-22
这个项目主要是为了帮助Java初学者更好地理解和运用SSM框架，通过实际操作来学习如何实现单表的增删改查、条件查询以及分页功能，并且包含了文件上传的实践。 首先，我们来看Spring框架。Spring是一个开源的应用...
ssm框架实现图片上传并显示（myeclips）
热门推荐
沐雨金鳞
07-12 2万+
ssm框架实现图片上传并显示 第一步：导入common-io以及common-fileupload两个jar包，尽量新一点，老的有可能出错 第二步：配置图片上传保存的位置，针对myeclips来说，打开文件D:\Java\MyEclipse.metadata.me_tcat\conf\server.xml 在之间添加&amp;amp;lt;Context docBase=&amp;quot;D:\File&amp;quot; path=&amp;quot;/...
SSM实现图片的上传和前端展示—超详细版
yu980219的博客
04-27 7722
岁月悠悠，衰微只及肌肤；热忱抛却，颓唐必致灵魂 1. SSM配置 这里的重点在于文件的映射，很多人不理解。 在实际开发中，我们会把图片，视频文件等资源统一放到服务器的某个文件夹下便于管理。 不放在项目中的文件夹下，是因为如果每次项目重新打包部署，就会清空之前部署好的文件夹下的文件，非常不利于开发。 Q：那么映射是什么意思呢？ 我们在实际存放文件的文件夹中，和我们访问的路径做一个映射。 例如：<mvc:resources location=“D:/bbb/” mapping="/aaa/**"/&.
ssm+vue使用element-UI 进行手动图片上传并实现图片预览
m0_56253302的博客
07-10 1968
ssm+vue使用element-UI 进行手动图片上传并实现图片预览 文件上传上传axios与表单数据axios是异步进行的，也就是说没有等到文件上传后台返回文件名，表单提交方法以及执行了。使用upload组件，取消自动上传（auto-upload="false")因为取消了自动上传，只能通过on-change方法来获取上传文件的信息、图片预显示等，再将将文件信息存入表单数据里面，后续使用按钮，实现手动触发，使用axios传入后端在指定文件夹生成图片。
ssm框架实现图片上传并在页面显示以及保存文件地址到数据库
我的Java成长之路的博客
08-25 5929
本案例是通过springmvc+spring+mybatis框架以商品上传为例，实现的图片上传功能，并把图片的地址保存到数据库并在前台显示上传的图片。tomcat服务器配置图片路径在最下边，也可以参考我之前的tomcat配置虚拟路径保存、访问图片 项目结构如下： 相关配置自行搜索，下边直接实现上传功能 1、创建数据库 DROP TABLE...
SSM框架图片上传
m0_65374024的博客
07-02 154
input type="submit" value="添加">
SSM实现图片上传
文天哥哥的博客
04-25 3105
很多新手都头疼于SSM上传图片如何实现，今天就来做个最简单的例子进行展示 开发工具以及环境：eclipse、navicat、mysql、tomcat7 一、数据库的设计 在navicat新建一个用户表people，字段分别是id、姓名、性别、手机、地址、图片 以下是我的目录结构 二、SSM的配置 1）引入SSM常用jar包，百度一下网上蛮多的 2）web.xml <...
这个才是最全Spring开发约束（配置头）
hgfhjtff的博客
08-30 204
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="ht
可以写一个SSM框架的图片上传吗
05-18
当然可以，以下是一个简单的 SSM 框架的图片上传示例： 1. 创建实体类 首先，我们需要创建一个实体类来对应上传的图片信息。这里我们创建一个名为 `Image` 的实体类，包含 `id`、`name`、`path` 等属性。 ```java...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java庞

你的鼓励就是我们最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值