在使用ssm完成前后端对接时,总免不了前台传过来的文件问题,而html中的<input>框直接使用时,往往会获取不到路径,今天在完成图片上传后的来做个总结

首先,前台页面

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

         <title>图片上传</title>

     </head>

     <body>

         <h2>图片上传</h2>

     <form action="save/saveImg" method="post" enctype="multipart/form-data">

         图片:<input type="file"  name="upload"/><br/>

         <input type="submit" value="提交"/>

     </form>

     </body>

 </html>

配置图片解析

 <!-- 配置文件上传视图解析器 -->

     <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

         <property name="maxUploadSize" value="10485760"></property>

         <property name="defaultEncoding" value="utf-8"></property>

     </bean>

其中 maxUploadSize 是限制上传的图片最大字节  defaultEncoding是设定上传图片编码

service接口

 package com.sp.service;

 import org.springframework.web.multipart.MultipartFile;

 public interface FileService {

     void upLoadFile(MultipartFile upload);

 }

实现类

 package com.sp.serviceImpl;

 import java.io.File;

 import java.io.IOException;

 import org.springframework.stereotype.Service;

 import org.springframework.web.multipart.MultipartFile;

 import com.sp.service.FileService;

 @Service

 public class FileServiceImpl implements FileService {

     private String filePath="D:/img/"; //定义上传文件的存放位置

     @Override

     public void upLoadFile(MultipartFile upload) {

         String fileName = upload.getOriginalFilename();  //获取上传文件的名字

         //判断文件夹是否存在,不存在则创建

         File file=new File(filePath); 

         if(!file.exists()){

             file.mkdirs();

         }

         String newFilePath=filePath+fileName; //新文件的路径

         try {

             upload.transferTo(new File(newFilePath));  //将传来的文件写入新建的文件

         } catch (IllegalStateException | IOException e) {

             e.printStackTrace();

         }

     }

 }

控制层

 package com.sp.controller;

 import org.springframework.beans.factory.annotation.Autowired;

 import org.springframework.stereotype.Controller;

 import org.springframework.web.bind.annotation.RequestMapping;

 import org.springframework.web.bind.annotation.ResponseBody;

 import org.springframework.web.multipart.MultipartFile;

 import com.sp.service.FileService;

 @Controller

 @RequestMapping("/save")

 public class FileController {

     @Autowired

     private FileService fileService;

     @RequestMapping("/saveImg")

     @ResponseBody

     public String saveImg(MultipartFile upload){

         fileService.upLoadFile(upload);

         return "ok";

     }

 }

效果演示

选择图片

提交后看我的d盘目录

本案例只是简单的演示,后台可以对上传的图片名称或者大小或者有无尺寸进行判断,从而可以避免传入无效数据,同时亦可以将自己所保存的路径进行相应的修改后存入数据库,便于以后数据的回显.

ssm实现图片上传的更多相关文章

  1. SSM实现图片上传管理操作

    Spring MVC 实现文件上传 时序图 利用 Spring MVC 实现文件上传功能,离不开对 MultipartResolver 的设置.MultipartResolver 这个类,你可以将其视 ...

  2. ssm使用Ajax的formData进行异步图片上传返回图片路径，并限制格式和大小

    之前整理过SSM的文件上传,这次直接用代码了. 前台页面和js //form表单 <form id= "uploadForm" enctype="multipart ...

  3. ssm框架实现图片上传显示并保存地址到数据库

    本案例是通过springmvc+spring+mybatis框架以商品上传为例,实现的图片上传功能,并把图片的地址保存到数据库并在前台显示上传的图片. 本项目是使用maven搭建的项目,首先看下项目结 ...

  4. 在SSM框架中如何将图片上传到数据库中

    今天我们来看看SSM中如何将图片转换成二进制,最后传入到自己的数据库中,好了,废话不多说,我们开始今天的学习,我这里用的编辑器是IDEA 1.导入图片上传需要的jar依赖包 1 <depende ...

  5. （SSM框架）实现小程序图片上传（配小程序源码）

    阅读本文约"2分钟" 又是一个开源小组件啦! 因为刚好做到这个小功能,所以就整理了一下,针对微信小程序的图片(文件)上传! 原业务是针对用户反馈的图片上传.(没错,本次还提供小程序 ...

  6. SSM（Spring+springMVC+MyBatis）框架-springMVC实现图片上传

    关于springMVC来实现图片上传的功能 话不多说,直接上码 1.applicationContext.xml <!-- 配置文件上传 --> <!--200*1024*1024即 ...

  7. ssm项目中KindEditor的图片上传插件，浏览器兼容性问题

    解决办法: 原因:使用@ResponseBody注解返回java对象,在浏览器中是Content-Type:application/json;charset=UTF-8 我们需要返回字符串(Strin ...

  8. 图片上传功能（EasyUI前台框架+SSM框架）

    文件上传步骤: * 1.采用文件正确的接收方式(修改3处配置文件/接口类型等) * 2.判断是否为一个图片,0表示无异常,1代表异常(jpg|gif|png) * 3.判断是不是一个“正经”的图片,判 ...

  9. html图片上传阅览并且点击放大

                  关闭   qq_31540195的博客       目录视图 摘要视图 订阅 异步赠书:9月重磅新书升级,本本经典           程序员9月书讯      每周荐书: ...

随机推荐

  1. 关于PHP自动捕捉处理错误和异常的尝试

    之所以想着做错误和异常的自动处理是因为: 用的公司自己的框架写API,没有异常和错误相关功能, 而每次操作都进行try...catch,有点繁琐不说,感觉还很鸡肋,即使我catch到了,还是得写代码进 ...

  2. min-max容斥/最值反演及其推广

    设\(S\)是一个集合,\(\max(S)\)和\(\min(S)\)分别表示集合中的最大值与最小值. 那么有如下式子成立: \[\max(S)=\sum_{T \subseteq S}(-1)^{| ...

  3. Tesseract-ocr 安装与使用

    Tesseract(识别引擎),一款由HP实验室开发由Google维护的开源OCR(Optical Character Recognition , 光学字符识别)引擎,与Microsoft Offic ...

  4. yii2 or查询

    // 我们要查询id等于1或者id等于3的数据 $userInfo = User::find()->where(['or' , 'id = 1' , 'id = 3'])->all(); ...

  5. 关于百度地图（离线）使用过程报“Cannot read property 'jb' of undefined ”错误的解决办法

    使用百度地图(离线)API时,地图无法显示,f12查看报错: BaiduApi_2.0.js:1056 Uncaught TypeError: Cannot read property 'jb' of ...

  6. MongoDB 高可用集群副本集+分片搭建

    MongoDB 高可用集群搭建 一.架构概况 192.168.150.129192.168.150.130192.168.150.131 参考文档:https://www.cnblogs.com/va ...

  7. prometheus 配置介绍

    prometheus 配置介绍 prometheus 配置分global.alerting.rule_files.scrape_configs 1.global(全局配置) scrape_interv ...

  8. usb描述符简述（二）

    title: usb描述符简述 tags: linux date: 2018/12/18/ 18:25:23 toc: true --- usb描述符简述 转载自cnblog 具体描述符 https: ...

  9. Subversion配置

    1.下载Apache-Subversion-1.9.7:https://github.com/wangfajun/dev-tools 2.打开idea-->File-->Settings, ...

  10. 第九节: EF的性能篇(二) 之 Z.EntityFramework.Extensions程序集解决EF的性能问题

    一. 综述 该模块主要介绍:EF的性能优化插件Z.EntityFramework.Extensions,该插件收费. (一). 简介 1. 相关网站:http://www.zzzprojects.co ...