中午有限时间写这博文，前言就不必多说了，直奔主题吧。

BUI是一个前端框架，关于BUI的介绍请看博主的文章那些年用过的一些前端框架。

下面我们开始实例的讲解！

一、效果演示：

上传成功后，会发现本地相应的sava目录下多了刚刚上传的图片（因为只是一个例子，就保存在本地目录了）。

二、实例讲解

本实例使用的环境，eclipse + maven。

使用的技术：SpringMVC + BUI。

关于Spring和SpringMVC的配置，这里就不多说明了。最后会提供源码下载，猿友们自行下载即可看到所有配置文件和代码。

SpringMVC想要实现上传文件，还需要添加如下jar依赖：

<!-- 文件上传相关包 -->

<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>tomcat</groupId>

    <artifactId>catalina-manager</artifactId>

    <version>5.5.23</version>

</dependency>

另外还需要在spring-mvc.xml文件里面添加bean：

<!-- 支持上传文件 -->

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

下面是直接上controller代码：

package com.luo.controller;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

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

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

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

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.multipart.MultipartHttpServletRequest;

import org.springframework.web.servlet.ModelAndView;

@Controller

public class UserController {

    private final String SAVE_DIR = "C:/Users/luoguohui/Desktop/save/";

    @RequestMapping("/index.jhtml")

    public ModelAndView getIndex(HttpServletRequest request) throws IOException {

        ModelAndView mav = new ModelAndView("index");

        return mav;

    }

    @RequestMapping(value="/uploadFlie.json", method=RequestMethod.POST)

    @ResponseBody

    public String uploadFlie(HttpServletRequest request)

            throws IOException {

        MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;

        Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();

        String fileName = null;

        for (Map.Entry<String, MultipartFile> entity : fileMap.entrySet()) {

            MultipartFile myfile = entity.getValue();

            fileName = myfile.getOriginalFilename();

            byte[] bs = myfile.getBytes();

            File file = new File(SAVE_DIR + fileName);

            FileOutputStream fos = new FileOutputStream(file);

            fos.write(bs);

            fos.close();

        }

        return "{\"url\" : \"" + SAVE_DIR + fileName + "\"}";

    }

}

上面的代码就不作过多的解释的了，基本一看就懂，就是把获取到的上传的文件放到如下目录：

C:/Users/luoguohui/Desktop/save/

下面上前端代码：

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

<html>

<head>

<link href="<%=request.getContextPath()%>/static/bui/css/dpl-min.css" rel="stylesheet">

<link href="<%=request.getContextPath()%>/static/bui/css/bui-min.css" rel="stylesheet">

<script src="<%=request.getContextPath()%>/static/bui/js/jquery-1.8.1.min.js"></script>

<script src="<%=request.getContextPath()%>/static/bui/js/bui-min.js"></script>

<script src="<%=request.getContextPath()%>/static/bui/js/layout-min.js"></script>

<script src="<%=request.getContextPath()%>/static/bui/js/uploader-min.js"></script>

</head>

<body>

    <div class="demo-content" style="margin:20px;">

        <div class="row">

        <div class="span8">

          <div id="J_Uploader">

          </div>

        </div>

    </div>

</body>

<script type="text/javascript">

// http://120.26.80.109/demo/uploader.php#uploader/checkSuccess.php

BUI.use('bui/uploader',function (Uploader) {

    /**

     *  返回数据的格式

     *  默认是 {url : 'url'},否则认为上传失败

     *  可以通过isSuccess 更改判定成功失败的结构

     */

    var uploader = new Uploader.Uploader({

      render: '#J_Uploader',

      url: '<%=request.getContextPath()%>' + '/uploadFlie.json',

      rules: {

         //文的类型

         ext: ['.png,.jpg','文件类型只能为{0}'],

         //上传的最大个数

         max: [1, '文件的最大个数不能超过{0}个'],

         //文件大小的最小值,这个单位是kb

         minSize: [10, '文件的大小不能小于{0}KB'],

         //文件大小的最大值,单位也是kb

         maxSize: [2048, '文件大小不能大于2M']

      },

      //根据业务需求来判断上传是否成功

      isSuccess: function(result){

        if(result && result.url){

            BUI.Message.Alert("上传成功,文件已保存到目录：" + result.url);

        }else{

            BUI.Message.Alert("上传失败");

        }

      }

    }).render();

});

</script>

</html>

上面的代码主要是使用了BUI的上传文件功能，记得需要导入uploader-min.js才能上传哦，另外对上传的文件数量，格式，大小作了一些设置。

三、源码下载

http://download.csdn.net/detail/u013142781/9421985

下载源码，项目跑起来之后访问如下url即可跳转到文件上传页面：

http://localhost:8080/first_maven_project/index.jhtml

时间有限，就介绍到这里了，如有什么不明白的地方，欢迎私信或评论交流。

SpringMVC+BUI实现文件上传（附详解，源码下载）的更多相关文章

  1. Struts2+Uploadify文件上传使用详解

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例是php版本的,本文将详细介绍Uploadify在java中的使用,您也可以点击下面的链接进行演示或下 ...

  2. Web应用安全之文件上传漏洞详解

    什么是文件上传漏洞 文件上传漏洞是在用户上传了一个可执行的脚本文件,本通过此脚本文件获得了执行服务器端命令的功能,这种攻击方式是最为直接,最为有效的,有时候,几乎没有什么门槛,也就是任何人都可以进行这 ...

  3. php文件上传原理详解（含源码）

    1.文件上传原理 将客户端的文件上传到服务器,再将服务器的临时文件上传到指定目录 2.客户端配置 提交表单 表单的发送方式为post 添加enctype="multipart/form-da ...

  4. jquery组件WebUploader文件上传用法详解

    这篇文章主要为大家详细介绍了jquery组件WebUploader文件上传用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 WebUploader是由Baidu WebFE(FEX)团队开发的一 ...

  5. FastDFS的配置、部署与API使用解读（8）FastDFS多种文件上传接口详解（转）

    1.StorageClient与StorageClient1的区别 相信使用happy_fish的FastDFS的童鞋们,一定都熟悉StorageClient了,或者你熟悉的是StorageClien ...

  6. ASP.Net大文件上传组件详解

    首先右键单击网站根目录,在弹出的快捷菜单中,选择"添加引用"菜单项,弹出"添加引用",切换到"浏览"找到组件的Dll文件"Best ...

  7. [上传下载] C# ImageUpload图片上传类教程与源码下载 （转载）

    点击下载 ImageUpload.zip 功能如下图片1.设置属性后上传图片,用法如下 /// <summary> /// 图片上传类 /// </summary> //--- ...

  8. Python-Flask框架之——图书管理系统 , 附详解源码和效果图 !

    该图书管理系统要实现的功能: 1. 可以通过添加窗口添加书籍或作者, 如果要添加的作者和书籍已存在于书架上, 则给出相应的提示. 2. 如果要添加的作者存在, 而要添加的书籍书架上没有, 则将该书籍添 ...

  9. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（32）-swfupload多文件上传[附源码]

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(32)-swfupload多文件上传[附源码] 文件上传这东西说到底有时候很痛,原来的asp.net服务器 ...

随机推荐

  1. 0308-标签的用法(a,ul/ol,table)

    标签分为: 一般标签:<div> <span> <br/> <hr/> 功能标签:<a> <img> 实体标签:≶ > s ...

  2. [NOIp 2014]飞扬的小鸟

    Description Flappy Bird 是一款风靡一时的休闲手机游戏.玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙.如果小鸟一不小心撞到了水管或者掉 ...

  3. [HNOI2015]落忆枫音

    题目描述 「恒逸,你相信灵魂的存在吗?」 郭恒逸和姚枫茜漫步在枫音乡的街道上.望着漫天飞舞的红枫,枫茜突然问出这样一个问题. 「相信吧.不然我们是什么,一团肉吗?要不是有灵魂......我们也不可能再 ...

  4. UVA11404：Palindromic Subsequence

    回文子串dp,最小字典序的话需要记录一下,注意是string型的,不能只记录一个字符,因为可能出现相等的情况 #include<cstdio> #include<cstdlib> ...

  5. 洛谷mNOIP模拟赛Day1-斐波那契

    题目背景 大样例下发链接:http://pan.baidu.com/s/1c0LbQ2 密码:jigg 题目描述 小 C 养了一些很可爱的兔子. 有一天,小 C 突然发现兔子们都是严格按照伟大的数学家 ...

  6. hdu 5919 主席树(区间不同数的个数 + 区间第k大)

    Sequence II Time Limit: 9000/4500 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)Tot ...

  7. 决战 状压dp

    决定在这个小巷里排兵布阵.小巷可以抽象成一个们彼此之间并不是十分和♂谐.具体来说,一个哲学家会有一个的矩形.每一位哲学家会占据一个格子.然而哲学家的01矩阵来表示他自己的守备范围.哲学家自己位于这个矩 ...

  8. 关于java线程中stop interrupt daemon wait notify

    一.关于终止线程stop与interrupt 一般来说,线程执行结束后就变成消亡状态,乍看之下我们并不需要人为进行干预(人为停止线程),不过凡事都有例外吧,在服务器或者其他应用场景下,线程为了提供服务 ...

  9. salt基本使用之二（2）

    1.Event和Reactor Event是saltstack里面的对每个事件的一个记录,相比job更加底层. 一,查看Event事件 可以在master下再开一个终端执行以下命令可以查看Event事 ...

  10. UDA机器学习基础—交叉验证

    交叉验证的目的是为了有在训练集中有更多的数据点,以获得最佳的学习效果,同时也希望有跟多的测试集数据来获得最佳验证.交叉验证的要点是将训练数据平分到k个容器中,在k折交叉验证中,将运行k次单独的试验,每 ...