ajax 文件上传应用简单实现

 更新时间:2009年03月03日 22:39:11   作者:  
今天看到一个jquery插件jquery.fileupload.v.1.5.0,自己试着结合java做了一个ajax的文件上传小应用
这个插件支持多个文件选取功能,很不错,而且代码简单
复制代码 代码如下:

$("#fileUpload").fileUpload({
'uploader': 'style/uploader.swf',
'cancelImg': 'style/img/cancel.png',

'folder': '/mbs/fileUpload',
'script': '/mbs/FileUpload',
'buttonText': 'Durchsuchen',
'fileDesc': '*.jpg;*.gif;*.png',
'fileExt': '*.jpg;*.gif;*.png',
'scriptData': {'uploadAction': 'upload'},
'multi': true

});

'multi': true : 就是启功多文件选择功能。
'script': '/mbs/FileUpload' :上传文件的后台处理
'scriptData': {'uploadAction': 'upload'} :post数据需要带的变量
具体属性说明可以查看官方文档
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
下面是我 实现该应用的的一些截图

多文件选择

准备上传

 

文件上传中

相关文章

  • jQuery中nextAll()方法用法实例

    jQuery中nextAll()方法用法实例

    这篇文章主要介绍了jQuery中nextAll()方法用法,实例分析了nextAll()方法的功能、定义及查找匹配元素之后所有的同辈元素使用技巧,需要的朋友可以参考下
    2015-01-01
  • JQuery插件jcarousellite的参数中文说明

    JQuery插件jcarousellite的参数中文说明

    这篇文章主要介绍了JQuery插件jcarousellite的参数中文说明,本文分别给出各个参数的含义,需要的朋友可以参考下
    2015-05-05
  • jQuery筛选器children()案例详解(图文)

    jQuery筛选器children()案例详解(图文)

    jQuery的选择包含两种,一种是选择器,一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择;记下来将详细介绍下筛选器children()感兴趣的你可不要错过了哈,或许本文的知识点对你有所帮助
    2013-02-02
  • asp.net中oracle 存储过程(图文)

    asp.net中oracle 存储过程(图文)

    存储过程是在大型数据库系统中,一组为了完成特定功能的sql语句集,经过编译存储在数据库中,用户通过指定存储过程的名字并给出参数(如果该存储过程带有参数)来执行它,下面小编给大家介绍asp.net中oracle存储过程,需要的朋友可以参考下
    2015-08-08
  • JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序

    JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序

    这篇文章主要介绍用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript(jsjac)框架构建一个BS Web的聊天应用程序。此程序可以和所有连接到Openfire服务器的应用进行通信、发送消息。如果要运行本程序还需要一个聊天服务器Openfire
    2012-08-08
  • jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

    jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

    这篇文章主要介绍了jQuery获取父元素节点、子元素节点及兄弟元素节点的方法,结合实例形式总结分析了jQuery节点操作的相关技巧,需要的朋友可以参考下
    2016-04-04
  • jquery DataTable实现前后台动态分页

    jquery DataTable实现前后台动态分页

    本篇文章主要介绍了jquery DataTable实现前后台动态分页。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 自己动手实现jQuery Callbacks完整功能代码详解

    自己动手实现jQuery Callbacks完整功能代码详解

    最近大量的用到jQuery Callbacks 对象,jQuery库中的$.ajax()和$.Deferred() 对象也是基于这个对象实现,下面我们也模拟实现jQuery Callbacks 对象的部分功能
    2013-11-11
  • jQuery实现鼠标悬停背景翻转的黑色导航菜单代码

    jQuery实现鼠标悬停背景翻转的黑色导航菜单代码

    这篇文章主要介绍了jQuery实现鼠标悬停背景翻转的黑色导航菜单代码,涉及jQuery鼠标事件结合animate动画实现背景翻转效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • jQuery的Scrollify插件实现滑动到页面下一节点

    jQuery的Scrollify插件实现滑动到页面下一节点

    这篇文章主要介绍了jQuery的Scrollify插件实现滑动到页面下一节点的相关资料,需要的朋友可以参考下
    2015-07-07

最新评论