使用SSM框架上传图片

最新推荐文章于 2021-08-17 20:15:47 发布
最新推荐文章于 2021-08-17 20:15:47 发布
阅读量3.8k 收藏 36
点赞数 5
分类专栏： 默认 文章标签： ssm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_51454454/article/details/118976359
版权

使用SSM框架上传图片

为了大家方便对照,我上传源码到网盘,有兴趣的自取.
ps:其中有一个存储数据的网页,我没删除,可以忽略
链接：https://pan.baidu.com/s/1u24E8mUs4K-raoQgx-ae2A
提取码：java

建数据表

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工程

导入相应坐标到pom.xml
<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>org.example</groupId>
  <artifactId>ssm2</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>ssm2 Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.7</maven.compiler.source>
    <maven.compiler.target>1.7</maven.compiler.target>
  </properties>

  <dependencies>
    <!--spring相关-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.8.7</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>

    <!--servlet和jsp-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
    </dependency>

    <!--mybatis相关-->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.4.5</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.6</version>
    </dependency>
    <dependency>
      <groupId>c3p0</groupId>
      <artifactId>c3p0</artifactId>
      <version>0.9.1.2</version>
    </dependency>

    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
    </dependency>
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.16.18</version>
      <scope>provided</scope>
    </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.3</version>
    </dependency>

  </dependencies>

  <build>
    <resources>
      <resource>
        <directory>src/main/java</directory>
        <includes>
          <include>**/*.xml</include>
        </includes>
      </resource>
    </resources>
    <finalName>ssm2</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>
在main生成如下包路径

001

实体类
package com.hoymit.domain;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Images {
    private Integer id;
    private String title;
    private String url;
    private String type;
}
编写mapper接口(在resource目录下创建一个和在main相同的包路径下面)
package com.hoymit.mapper;

import com.hoymit.domain.Images;

public interface ImagesMapper {
     void saveAll(Images images);
}
编写相应的xml实现
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hoymit.mapper.ImagesMapper">

    <insert id="saveAll" parameterType="images">//在xml中已经配置别名
        insert into image values(#{id},#{title},#{url},#{type})
    </insert>

</mapper>
编写service接口
package com.hoymit.service;

import com.hoymit.domain.Images;

public interface ImagesService {
    void saveAll(Images images);
}
编写相应实现
package com.hoymit.service.impl;

import com.hoymit.domain.Images;
import com.hoymit.mapper.ImagesMapper;
import com.hoymit.service.ImagesService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service("imagesService")
public class ImagesServiceImpl implements ImagesService {

    @Autowired
    private ImagesMapper imageMapper;

    @Override
    public void saveAll(Images images) {
        imageMapper.saveAll(images);
    }
}

配置文件

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:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:aop="http://www.springframework.org/schema/aop"
       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/tx http://www.springframework.org/schema/tx/spring-tx.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">

    <!--组件扫描 扫描service和mapper-->
    <context:component-scan base-package="com.hoymit">
        <!--排除controller的扫描-->
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"></context:exclude-filter>
    </context:component-scan>


    <!--加载propeties文件-->
    <context:property-placeholder location="classpath:jdbc.properties"></context:property-placeholder>

    <!--配置数据源信息-->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="${jdbc.driver}"></property>
        <property name="jdbcUrl" value="${jdbc.url}"></property>
        <property name="user" value="${jdbc.username}"></property>
        <property name="password" value="${jdbc.password}"></property>
    </bean>

    <!--配置sessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"></property>
        <!--加载mybatis核心文件-->
        <property name="configLocation" value="classpath:sqlMapConfig-spring.xml"></property>
    </bean>

    <!--扫描mapper所在的包 为mapper创建实现类-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="com.hoymit.mapper"></property>
    </bean>

    <!--声明式事务控制-->
    <!--平台事务管理器-->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"></property>
    </bean>

    <!--配置事务增强-->
    <tx:advice id="txAdvice">
        <tx:attributes>
            <tx:method name="*"/>
        </tx:attributes>
    </tx:advice>

    <!--事务的aop织入-->
    <aop:config>
        <aop:advisor advice-ref="txAdvice" pointcut="execution(* com.hoymit.service.impl.*.*(..))"></aop:advisor>
    </aop:config>

</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.xsd">

    <!--组件扫描  主要扫描controller-->
    <context:component-scan base-package="com.hoymit.controller"></context:component-scan>
    <!--配置mvc注解驱动-->
    <mvc:annotation-driven></mvc:annotation-driven>
<!--    返回json快捷写法-->
    <!--内部资源视图解析器-->
    <bean id="resourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>
    <!--开发静态资源访问权限-->
    <mvc:default-servlet-handler></mvc:default-servlet-handler>

    <!--配置文件上传解析器-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="defaultEncoding" value="UTF-8"/>
        <property name="maxUploadSize" value="500000"/>
    </bean>
</beans>
sqlMapConfig-spring.xml(一般这里只剩下别名了,其他bean都通过spring容器进行注入)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

    <!--定义别名-->
    <typeAliases>
        <!--<typeAlias type="com.itheima.domain.Account" alias="account"></typeAlias>-->
        <package name="com.hoymit.domain"></package>
    </typeAliases>

</configuration>
jdbc.properties
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/my_resource?characterEncoding=UTF-8
jdbc.username=root
jdbc.password=123456
在webapp下创建相应的jsp文件
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

    <form action="${pageContext.request.contextPath}/load/imageTest" method="post" enctype="multipart/form-data">
        图片文件<input type="file" name="uploadFile" multiple><br/>
        文章标题：<input type="text" name="title"><br>
        图片位置：<input type="text" name="type"><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

最后编写controller层

import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.servlet.ModelAndView;

import java.io.File;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.UUID;

@Controller
@RequestMapping("/load")
public class ImagesController {

    @Autowired
    private ImagesService imagesService;

    @RequestMapping(value = "/imageTest" ,produces = "text/html;charset=UTF-8")
    @ResponseBody
    public String  loadImageTest(MultipartFile[] uploadFile, Images image){
        for (MultipartFile multipartFile : uploadFile) {
            String originalFilename = multipartFile.getOriginalFilename();//原文件名字
            String newFilename= UUID.randomUUID()+"_"+originalFilename;	//使用UUID避免重名
            File filePath=new File("D:\\load_load\\"+newFilename);
            try {
                multipartFile.transferTo(filePath);
            } catch (IOException e) {
                e.printStackTrace();
                return "上传失败";
            }
            String url = "http://localhost:8080/load_load/"+newFilename;
            image.setUrl(url);
            System.out.println(image.getTitle()+"----------------------------");
            imagesService.saveAll(image);
        }
        return "binggo";
    }
}

此时我把D盘下的load_load作为服务器存放图片资源的文件夹,通过访问http://localhost:8080/load_load/生成的文件名即可访问图片

添加外部加载资源

002

效果图

003

SSM实现图片上传
苝花向暖丨楠枝向寒
03-27 1万+
SSM配置在此不多说，之前写过。1、导包2、想要实现图片上传，form表单必须是 post请求，并且需要加上enctype="multipart/form-data"3、springmvc.xml 配置文件需要 配置multipartResolver   节点4、controller中 参数通过MultipartFile file获取表单图片对象通过 file.getOriginalFilenam...
SSM用户信息上传图片
09-12
用web展示 用户的昵称 头像 邮箱信息，可以支持更改头像，多项删除。数据保存在数据库，使用的SSM框架， 配置文件
基于SSM框架下，简易图片上传
09-05
基于SSM框架下，实现的简易图片上传，适用于头像、商品图等一系列功能域。
ssm框架的项目中用户图片的上传功能
书山有路勤为径，学海无涯乐作舟！
05-22 3963
后台管理的web项目中，需要完成图片的上传功能工具准备：一、图片上传的必要JS文件；二；当前也页面中JS重写提交图片的方法；三、后台接收和处理图片的方法整体思路：一、HTML中添加文件上传按钮；二、选择图片的同时将图片传到后台进行下载和返回图片存储的地址；                 三、前台获取到后台返回的图片地址，然后将地址值存到表单的输入框中；四、提交表单请求，存储地址到数据库详细步骤如...
SSM框架图片上传与显示
09-19
SSM框架图片上传与显示，mysql数据库。mysql文件在项目下db文件夹中
基于SSM框架的图片上传并回显
01-10
基于SSM框架的图片（文件）上传并显示到页面，附有数据库
基于的SSM图片上传实现
12-11
基于SSM的图片上传，由图片查询接口向外部提供图片的网络引用
ssm框架上传图片保存到本地和数据库示例
08-31
SSM框架上传图片保存到本地和数据库示例是使用Spring+SpringMVC+MyBatis框架集合实现的，主要介绍了如何将上传的图片保存到本地和数据库中。 知识点一：SSM框架简介 SSM框架是指Spring+SpringMVC+MyBatis框架的...
Java后端SSM框架图片上传功能实现方法解析
08-19
本文将深入解析如何在SSM框架下实现图片上传功能，以便用户在创建日记或更新头像时能够上传图片并将其存储在服务器上。 首先，我们需要了解图片上传的基本流程。当用户在前端提交包含图片的数据时，这些数据将以...
SSM框架图片上传及回显
04-12
在 SSM 框架中，图片上传需要使用到 commons-fileupload 和 commons-io 两个 jar 包。commons-fileupload.jar 用于处理文件上传，commons-io.jar 用于处理文件输入输出操作。因此，首先需要将这两个 jar 包添加到...
SSM框架-实现图片上传功能
舞鹤白沙编码日志
06-27 870
1. 在springmvc.xml里配置文件解析器 <!--5.配置文件解析器--> <!-- 此处id为固定写法，不能随便取名--> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value="1048
ssm上传图片以及回显图片
10-27
ssm上传图片以及回显图片源代码 自己亲手写的 供参考哦
SSM(Spring+SpringMvc+Mybatis)图片上传保存到数据库与回显+sql
10-31
基于SSM（Spring+SpringMvc+Mybatis）框架的图片上传并保存到数据库中与回显的案例
SSM实现图片上传.zip
04-25
对应的博客地址:https://blog.youkuaiyun.com/Wwt819635881/article/details/105746638
ssm项目上传图片
老杜的博客
10-10 3262
把图片的路径名作为varchar型保存到数据库中。显示的时候就到数据库中查找路径名，处理后赋值给的src属性 然后是同过IO流把图片作为文件保存到服务器upload文件夹，具体实现： 1.添加对应的jar包 2.Controller页面 @RequestMapping(value="/add",method=RequestMethod.POST) @ResponseBody publi
SSM框架中图片的上传功能
幸运如你的博客
10-31 2749
谨以此篇，送给那些还不会用SSM框架上传图片的小伙伴 废话不多说，直接上代码： jsp页面展示（仅展示关键部分）： 这里需要注意的是：①：请求方法必须是POST ②：需要使用组件 &amp;lt;input type=&quot;file&quot; name=&quot;file&quot;&amp;gt; ③：表单必须设置enctype=“multipart/form-data” &amp;lt;table width=&quo
ssm图片上传
m0_54088351的博客
08-17 211
public class FileCOn { @Autowired private UserDao userDao; @RequestMapping("/addProduct.do") public String fileUpload(MultipartFile file, TForum tForum, HttpServletRequest request) throws IOException { String name = request.getPara.
SSM_图片上传
weixin_41496763的博客
02-01 182
一、SSM_图片上传 1）在ssm_web中springmvc.xml配置 <!--5.配置文件解析器--> <!-- 此处id为固定写法，不能随便取名--> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value="1048
SSM框架实现简易图片上传功能
描述中所涉及的“简易图片上传”功能是指，在SSM框架下开发的一个功能模块，这个模块允许用户将图片上传到服务器，这一功能在很多Web应用中都非常常见，比如用户上传头像、上传商品图片等。为了实现这个功能，开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值