springmvc的图片上传与导出显示

1.前端文件上传需要在form表单内添加enctype="multipart/form-data" ，以二进制传递：

2.web.xml文件内配置

<servlet-mapping>
<servlet-name>spring</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>

3.springmvc.xml文件配置

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize" value="900000000000"/>
</bean>

4.Controlle里面接受MultipartFile，在tomcat内创建虚拟盘指向盘符比如"E:\\picture\\"

将图片名字存储到数据库内

以下为为实现代码：

jsp页面代码

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

    <meta name="keywords" content="响应式后台">

    <meta name="description" content="使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">

    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">

    <link href="css/animate.min.css" rel="stylesheet">

    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet" type="text/css" />

    <style>

        .lightBoxGallery img {

            margin: 5px;

            height : 150px;

        }

    </style>

<script type="text/javascript">

    window.onload = function() {

        var w = 250;//设置最大宽度,也可根据img的外部容器 而动态获得,比如：$("#demo").width();

        $("img").each(function() {//如果有很多图片,使用each()遍历

            var img_w = $(this).width();//图片宽度

            var img_h = $(this).height();//图片高度

            if (img_w > w) {//如果图片宽度超出指定最大宽度

                var height = (w * img_h) / img_w; //高度等比缩放

                $(this).css( {

                    "width" : w

                });//设置缩放后的宽度和高度

            }

        });  

    }

    $(document).ready(function() {  

    })

</script>

</head>

<body class="gray-bg">

    <div class="wrapper wrapper-content">

        <div class="row">

            <div class="col-lg-12">

                <div class="ibox float-e-margins">

                    <div class="ibox-content">

                        <div>

                        <sf:form action="fileUpload.do" method="post" enctype="multipart/form-data" >

                        <table>

                        <tr>

                        <td>上传风险实景图：</td>

                        <td><input type="file" name="pic"/></td>

                        <td><input type="submit" value="上传"></td>

                        </tr>

                        </table>

                        </sf:form>

                        </div>

                        <div class="lightBoxGallery">

                            <c:if test="${not empty pictureList}">

                            <c:forEach items="${pictureList}" var="p">

                            <a href="/pp/${p.name}" class="big" title="风险图" data-gallery=""><img class="img" src="/pp/${p.name}"></a>

                            </c:forEach>

                            </c:if>

                            <div id="blueimp-gallery" class="blueimp-gallery">

                                <div class="slides"></div>

                                <h3 class="title"></h3>

                                <a class="prev"><</a>

                                <a class="next">></a>

                                <a class="close">×</a>

                                <a class="play-pause"></a>

                                <ol class="indicator"></ol>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <script src="js/jquery.min.js?v=2.1.4"></script>

    <script src="js/bootstrap.min.js?v=3.3.6"></script>

    <script src="js/content.min.js?v=1.0.0"></script>

    <script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>

    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

</body>

</html>

Controller类里面代码：

package com.is.picture.control;

import java.io.File;

import java.io.IOException;

import java.util.List;

import java.util.UUID;

import javax.annotation.Resource;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

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

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.servlet.ModelAndView;

import com.is.picture.bean.Picture;

import com.is.picture.service.pictureService;

@Controller

public class pictureControl {

    @Resource

    private pictureService pictureservice;

    @RequestMapping(value="picture")

    public ModelAndView pictureList(HttpServletRequest request)

    {

        ModelAndView mav = new ModelAndView();

        try {

            List<Picture> pictureList = pictureservice.findAll();

            System.out.println(pictureList.size());

            mav.addObject("pictureList", pictureList);

            mav.setViewName("picture/NewFile");

            System.out.println("明明");

            } catch (Exception e) {

            e.printStackTrace();

            }

            return mav;

    }

    @RequestMapping(value="fileUpload")

    public ModelAndView picturesc(MultipartFile pic)

    {

        Picture pt = new Picture();

         ModelAndView modelAndView = new ModelAndView();

        try {

            String originalName = pic.getOriginalFilename();

            if(pic != null && originalName != null && originalName.length()>0){

            //1、保存图片的物理路径

            String store = "E:\\picture\\";

            //2、新的图片名称

            String picNewName = UUID.randomUUID()+originalName.substring(originalName.lastIndexOf("."));

            //3、新图片产生

            File file = new File(store+picNewName);

            //4、将内存中的数据写入磁盘

            pic.transferTo(file);

            pt.setName(picNewName);

            }

            pictureservice.add(pt);

            modelAndView.setViewName("redirect:pictureSave.do");

            System.out.println("你说呢");

            } catch (IllegalStateException e) {

                e.printStackTrace();

            } catch (IOException e) {

                e.printStackTrace();

            }

        return modelAndView;

        }

    }

springmvc的图片上传与导出显示的更多相关文章

springmvc之图片上传
1.接收到的是图片的流时 //上传头像 @RequestMapping(value = "/uploadHeadSculpture", method = RequestMethod ...
SSM（Spring+springMVC+MyBatis）框架-springMVC实现图片上传
关于springMVC来实现图片上传的功能话不多说,直接上码 1.applicationContext.xml  <!--200*1024*1024即 ...
laravel7 图片上传及视图显示
1:修改框架config下的文件filesystems.php中的配置: 原文件 <?php return [ /* |------------------------------------- ...
微擎 plugin 时间插件图片上传插件不显示报错影响下面执行
可能是版本更新导致的,之前可能不需要 load()->func('tpl');这个方法现在加上 load()->func('tpl');应该就可以了
springmvc图片上传、json
springmvc的图片上传 1.导入相应的pom依赖 <dependency> <groupId>commons-fileupload</groupId> < ...
input file 图片上传
使用第三方:jquery.ajaxfileupload.jsinput中的name根据后端来定 <form method="post" enctype="multi ...
DWZ集成的xhEditor编辑器浏览本地图片上传的设置
有关xhEditor的文件上传配置官方文档链接:http://i.hdu.edu.cn/dcp/dcp/comm/xheditor/demos/demo08.html 一.xhEditor图片上传的配 ...
Silverlight中的拖拽实现的图片上传
原文 http://blog.csdn.net/dujingjing1230/article/details/5443003 在Silverlight中因为可以直接从系统的文件夹里面拖出来一个文件直接 ...
springmvc上传图片并显示图片--支持多图片上传
实现上传图片功能在Springmvc中很好实现.现在我将会展现完整例子. 开始需要在pom.xml加入几个jar,分别是: <dependency> <groupId>comm ...

随机推荐

DBImport V3.7版本发布及软件稳定性（自动退出问题）解决过程分享
DBImport V3.7介绍: 1:先上图,再介绍亮点功能: 主要的升级功能为: 1:增加(Truncate Table)清表再插入功能: 清掉再插,可以保证两个库的数据一致,自己很喜欢这个功能. ...
Spring之旅(2)
Spring简化Java的下一个理念:基于切面的声明式编程 3.应用切面依赖注入的目的是让相互协作的组件保持松散耦合:而AOP编程允许你把遍布应用各处的功能分离出来形成可重用的组件. AOP面向切面 ...
自定义搭建PHP开发环境
学习了一段时间php了,因为之前是刚接触php,所以用的是集成安装包(wamp).现在想进一步了解apache.mysql.php之间的关系以及提升自己所以进行自定义搭建PHP开发环境.废话不多说,请 ...
Mac上MySQL忘记root密码且没有权限的处理办法&workbench的一些tips （转）
忘记Root密码肿么办 Mac上安装MySQL就不多说了,去mysql的官网上下载最新的mysql包以及workbench,先安装哪个影响都不大.如果你是第一次安装,在mysql安装完成之后,会弹出来 ...
H5项目开发分享——用Canvas合成文字
以前曾用Canvas合成.裁剪.图片等<用H5中的Canvas等技术制作海报>.这次用Canvas来画文字. 下图中"老王考到驾照后"这几个字是画在Canvas上的,与 ...
谈谈JS中的函数节流
好吧,一直在秋招中,都没怎么写博客了...今天赶紧来补一补才行...我发现,在面试中,讲到函数节流好像可以加分,尽管这并不是特别高深的技术,下面就聊聊吧! ^_^ 备注:以下内容部分来自<Jav ...
[内核笔记1]内核文件结构与缓存——inode和对应描述
由来:公司内部外网记录日志的方式现在都是通过Nginx模块收到数据发送到系统消息队列,然后由另外一个进程来从消息队列读取然后写回磁盘这样的操作,尽量的减少Nginx的阻塞. 但是由于System/V消 ...
C++内联函数
在C语言中,我们使用宏定义函数这种借助编译器的优化技术来减少程序的执行时间,那么在C++中有没有相同的技术或者更好的实现方法呢?答案是有的,那就是内联函数.内联函数作为编译器优化手段的一种技术,在降低 ...
免费SSL证书之Let’s Encrypt申请与部署(Windows Nginx)
我着着皇帝的新衣,但是你看不见有一颗愿意等待的心,说明你对未来充满希望.有一颗充满希望的心,那么等待又算什么.人就是在等待与希望中度过,我们永远要对未来充满信心! 读在最前面: 1.本文案例为 ...
2DToolkit官方文档中文版打地鼠教程（三）：Sprite Collections 精灵集合
这是2DToolkit官方文档中 Whack a Mole 打地鼠教程的译文,为了减少文中过多重复操作的翻译,以及一些无必要的句子,这里我假设你有Unity的基础知识(例如了解如何新建Sprite等) ...

springmvc的图片上传与导出显示

springmvc的图片上传与导出显示的更多相关文章

随机推荐

热门专题