一、简介

　　ajaxFileUpload是一种异步的文件上传控件，通过ajax进行文件上传，并获取上传处理结果。在很多时候我们需要使用到文件上传的功能，但是不需要使用那些强大的上传插件。此时就可以使用ajaxFileUpload。它基于jquery，本质是使用iframe完成上传。下载地址为：下载 。

二、实例　　

　　网页代码如下：

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

 <!DOCTYPE html>

 <html>

 <head>

 <title>文件上传</title>

 </head>

 <body>

   <div>

         <form id="formItem">

             <div id="contentTable" style="border:0px;">

                 <h1 class="title" style="font-size:15px;border-bottom:1pxsolid#DFE3E6;">excel文件上传</h1>

                 <table width="80%">

                 <tr>

                     <td width="30%" align="right">

                     选择要上传的excel文件

                     </td>

                     <td width="70%" style="text-align:center;">

                     <input type="file" id="file1" name="file"/>

                     </td>

                 </tr>

                 </table>

                 <div>

                     <input type="button" value="导入&nbsp;"/>

                 </div>

             </div>

         </form>

   </div>

 <scriptsrc="${pageContext.request.contextPath}/res/js/jquery-1.9.1.min.js"type="text/javascript"></script>

 <scriptsrc="${pageContext.request.contextPath}/res/js/ajaxfileupload.js"></script>

 <scripttype="text/javascript">

 var flag=false;

 $(function(){

   //文件类型过滤

   $(":button").click(function(){

       varfilepath = $("#file1").val();

       vararr = new Array();

       arr = filepath.split(".");

       var fileType = new Array(["xls"],["xlsx"]);

       for(var i = 0; i < fileType.length; i++){

           if(arr[1] == fileType[i]){

               flag = true;

           }

       }

       if(flag){

           ajaxFileUpload();

       }else{

           alert("请选择excel文件上传")

           return false;

       }

   })

 });

 functionajaxFileUpload(){

   $.ajaxFileUpload

   (

     {

       url : '${pageContext.request.contextPath}/file/upload.action',//用于文件上传的服务器端请求地址

       secureuri : false,//一般设置为false

       fileElementId : 'file1',//文件上传空间的id属性

       dataType : 'json',//返回值类型一般设置为json

       success : function(data,status)//服务器成功响应处理函数

       {

           if(data){

               alert("上传成功！");

               $("#file1").val("");

           }

         flag = false;

       },

       error : function(data,status,e)//服务器响应失败处理函数

       {

         alert(e);

       }

     }

   )

   return false;

 }

 </script>

 </body>

 </html>

　　服务器端代码如下：

    /**

    *使用springmvc进行文件上传处理

    */

    @RequestMapping("upload")

    @ResponseBody

    public boolean upload(HttpServletRequest request, HttpServletResponse response ) throws UnsupportedEncodingException

    {

        String path = request.getSession().getServletContext().getRealPath("");

        Calendar calendar = Calendar.getInstance();

        calendar.setTime(new Date());

        request.setCharacterEncoding("UTF-8");

        path = String.format("%s\\%s\\%s\\%s\\%s\\%s", path, "file", "upload", calendar.get(calendar.YEAR),

                calendar.get(calendar.MONTH), calendar.get(calendar.DAY_OF_MONTH));

        File filepath = new File(path);

        if (!filepath.exists()) {

            filepath.mkdirs();

        }

        MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;

        // 获得文件

        MultipartFile multipartFile = multipartRequest.getFile("file");

        String filename = multipartFile.getOriginalFilename();

        OutputStream os = null;

        InputStream is = null;

        File uploadFile = null;

        try {

            is = multipartFile.getInputStream();

            if (is != null) {

                uploadFile = new File(filepath, System.currentTimeMillis() + ".xls");

                os = new FileOutputStream(uploadFile);

                IOUtils.copy(is, os);

                os.flush();

            }

        } catch (IOException e) {

            e.printStackTrace();

            return false;

        } finally {

            IOUtils.closeQuietly(os);

            IOUtils.closeQuietly(is);

        }

        return true;

    }

ajaxFileUpload文件上传的更多相关文章

  1. MVC+AjaxFileUpload文件上传

    来源:微信公众号CodeL 本次给大家分享的是ajaxfileupload文件上传插件,百度一大堆功能超炫的文件上传插件,为什么我们会选择这个插件呢? 原因是在此之前,我们尝试使用过很多基于flash ...

  2. jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能

     Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接.或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文 ...

  3. spring mvc ajaxfileupload文件上传返回json下载问题

    问题:使用spring mvc ajaxfileupload 文件上传在ie8下会提示json下载问题 解决方案如下: 服务器代码: @RequestMapping(value = "/ad ...

  4. AjaxFileUpload文件上传组件(php+jQuery+ajax)

    jQuery插件AjaxFileUpload可以实现ajax文件上传,下载地址:http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupl ...

  5. ajaxFileUpload 文件上传

    源码: jQuery .extend({ createUploadIframe : function(id, uri) {//id为当前系统时间字符串,uri是外部传入的json对象的一个参数 //c ...

  6. JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用

    0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比 ...

  7. ajaxFileupload多文件上传

    最近有个功能模块需要上传图片,为了和之前的伙伴们保持一致我也使用了ajaxFileupload, 但是源码只支持单文件上传,所以百般斟酌之下决定修改源码,废话不多说直接上代码 HTML上传代码段: & ...

  8. 使用ajaxfileupload.js实现文件上传

    ajaxFileUpload是一个异步上传文件的jQuery插件 语法:$.ajaxFileUpload([options]) options参数说明: 1.url  上传处理程序地址. 2,file ...

  9. 使用ajaxfileupload.js上传文件

    一直以来上传文件都是使用form表单上传文件,也看到过有人使用js上传文件,不过看起来蛮简单的也就没有怎么去理会.今天突然要使用这种方式上传文件,期间还遇到点问题.因此就记录下来,方便以后遇到这样的问 ...

随机推荐

  1. WebApi 集成 Swagger

    1. Swagger(俗称:丝袜哥)是什么东西? Swagger 是一个规范和完整的框架,用于生成.描述.调用和可视化 RESTful 风格的 Web 服务.总体目标是使客户端和文件系统作为服务器以同 ...

  2. LVM快照(snapshot)备份

    转载自:http://wenku.baidu.com/link?url=cbioiMKsfrxlzrJmoUMaztbrTelkE0FQ8F9qUHX7sa9va-BkkL4amvzCCAKg2hBv ...

  3. 重构第24天 分解复杂的判断(Remove Arrowhead Antipattern)

    理解: 当你的代码中有很深的嵌套条件时,花括号就会在代码中形成一个长长的箭头.我们经常在不同的代码中看到这种情况,并且这种情况也会扰乱代码的可读性. 如下代码所示,HasAccess方法里面包含一些嵌 ...

  4. Ext.GridPanel 用法总结（一）—— Grid基本用法

    Ext.GridPanel 用法总结(一)—— Grid基本用法 摘自:http://www.cnblogs.com/luluping/archive/2009/08/01/1536645.html ...

  5. 不可或缺 Windows Native (2) - C 语言: 常量，变量，基本数据类型

    [源码下载] 不可或缺 Windows Native (2) - C 语言: 常量,变量,基本数据类型 作者:webabcd 介绍不可或缺 Windows Native 之 C 语言 常量 变量 基本 ...

  6. 最小生成树Prim算法（邻接矩阵和邻接表）

    最小生成树,普利姆算法． 简述算法: 先初始化一棵只有一个顶点的树,以这一顶点开始,找到它的最小权值,将这条边上的令一个顶点添加到树中 再从这棵树中的所有顶点中找到一个最小权值(而且权值的另一顶点不属 ...

  7. CentOS 7.2 搭建 Openvpn 服务器

    本文将以目前最新的openvpn-2.3.13.tar.gz为例来介绍如何在Linux系统中安装.配置及使用OpenVPN. 在这里,我们选用了一台预装CentOS 7.2 64位系统的计算机作为Op ...

  8. Asp.Net MVC开源论坛中文版

    支持多国语言 支持多种数据库,开盖即饮(因为EF支持),无需安装. 积分 等级 权限 角色 标签 Rss 表情 附件 审核 问答 投票 收藏 日志 排行榜与热点 主题,默认Bootstrap响应式 最 ...

  9. linux实现rdp访问

    远程访问linux系统,我们常用的有终端ssh.图形界面VNC,但是VNC安全性不够,并且不够流畅.相比之下,我认为rdp更好,并且还能利用windows的远程桌面访问,非常方便. 1. 安装xRDP ...

  10. 使用WCF对外提供接口

    本篇将通过WCF以webservices的方式对外提供接口.同时使用NUnit对webservices中的方法进行单元测试. 开发契约 contract Contract项目为类库项目,该项目下会包含 ...