在使用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. java list map set array 转换

    1.list转set Set set = new HashSet(new ArrayList()); 2.set转list List list = new ArrayList(new HashSet( ...

  2. MYSQL 两表 排除 重复记录

    MySQL之——查询重复记录.删除重复记录方法大全 - 冰河的专栏 - CSDN博客https://blog.csdn.net/l1028386804/article/details/51733585 ...

  3. 转：Flutter动画二

    1. 介绍 本文会从代码层面去介绍Flutter动画,因此不会涉及到Flutter动画的具体使用. 1.1 Animation库 Flutter的animation库只依赖两个库,Dart库以及phy ...

  4. 查看Android系统已安装应用的列表

    可以通过adb shell pm list package 我们可以通过系统提供的工具pm来隐藏一些应用,比如:pm hide和pm disable pm disable <PACKAGE_OR ...

  5. 【BZOJ5491】[HNOI2019]多边形（模拟，组合计数）

    [HNOI2019]多边形(模拟,组合计数) 题面 洛谷 题解 突然特别想骂人,本来我考场现切了的,结果WA了几个点,刚刚拿代码一看有个地方忘记取模了. 首先发现终止态一定是所有点都向\(n\)连边( ...

  6. emwin 之 LISTWVIEW 控件禁止列滑动

    @2019-02-25 [小记] hHeader = LISTVIEW_GetHeader(hListView); WM_DisableWindow(hHeader);

  7. vuetify | vue | 文件上传组件 | file | upload | form input[type="file"]

    今天无聊地写vuecli3听歌的时候,遇到了上传文件到Django的自我需求,然后就到vuetify的表单组件里找upload btn,发现居然没有!!! 顿时惊了个呆,要知道之前用element做操 ...

  8. 关于opencv的cv2.WINDOW_一类

    用法:cv2.namedWindow('窗口标题',默认参数) 默认参数:cv2.WINDOW_AUTOSIZE+cv2.WINDOW_KEEPRATIO+cv2.WINDOW_GUI_EXPANDE ...

  9. 从浅入深详解独立ip网站域名恶意解析的解决方案

    立IP空间的好处想必大家都能耳熟闻详,稳定性强,利于seo等让大家选择了鼎峰网络香港独立IP空间.那么, 网站独享服务器IP地址,独立IP空间利于百度收录和权重的积累.不受牵连.稳定性强等诸多优势为一 ...

  10. ACM-ICPC 2018 沈阳赛区网络预赛 D Made In Heaven（第k短路，A*算法）

    https://nanti.jisuanke.com/t/31445 题意 能否在t时间内把第k短路走完. 分析 A*算法板子. #include <iostream> #include ...