异步上传文件组件 jquery.upload2

MIT
JavaScript
跨平台
2015-06-15
漫漫洒洒

异步上传文件,兼容IE8,火狐和谷歌可用,如果可以使用h5则使用h5(h5时显示上传进度)

实现单个多次上传不刷新。





无标题文档




    function look() {
        //alert($("form input[type=file]").val())
        alert($("input[name=test]").upload("getFileVal"))
    }
    function clean() {
        $("input[name=test]").upload("clean")
    }
    function ajaxSubmit() {
        $("input[name=test]").upload({
            url: 'index.aspx',
            // 其他表单数据
            params: { name: 'pxblog' },
            // 上传完成后, 返回json, text
            dataType: 'json',
            onSend: function (obj, str) {  return true; },
            // 上传之后回调
            onComplate: function (data) {
                alert(data.file);
            }
        });
        $("input[name=test]").upload("ajaxSubmit")
    }


    function look1() {
        //alert($("form input[type=file]").val())
        alert($("input[name=test1]").upload("getFileVal"))
    }
    function clean1() {
        $("input[name=test1]").upload("clean")
    }
    function ajaxSubmit1() {
        $("input[name=test1]").upload({
            url: 'index.aspx',
            // 其他表单数据
            params: { name: 'pxblog' },
            // 上传完成后, 返回json, text
            dataType: 'json',
            onSend: function (obj, str) { return true; },
            // 上传之后回调
            onComplate: function (data) {
                alert(data.file);
            }
        });
        $("input[name=test1]").upload("ajaxSubmit")
    }




    

    

    

    

 

源码地址:http://code.taobao.org/svn/upload2/jquery.upload2.js

加载中

评论(2)

MrGC
MrGC
只想知道兼容性怎么样 比如ie8,9,10,11
xxl918
xxl918
急用,项目中有好多需要上传的功能,麻烦大神

暂无资讯

1
回答
upload02.js在哪儿
漫漫洒洒 的回答 2016/01/11 11:18
最佳答案
http://code.taobao.org/p/upload2/src/ 在这里

没有更多内容

加载失败,请刷新页面

没有更多内容

【转】240多个jQuery插件

参考文档:http://www.cnblogs.com/terrylee/articles/988623.html 文件上传(File upload) Ajax File Upload. jQUploader. Multiple File Upload plugin. jQuery File Style. Styling an in...

2013/05/28 15:55
181
1
[JavaScript]240个jQuery实现AJAX插件

概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及 的,它兼容 CSS3,还兼...

2013/05/15 00:12
61
0
强烈推荐:240多个jQuery插件

概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及 的,它兼容 CSS3,还兼...

2013/05/15 11:53
227
0
【转】75种常用的jquery网页特效

参考文档:http://www.oschina.net/code/snippet_187746_9846 1、jquery图片特效(14种 ) (1)、jquery cycle 循环插件多功能幻灯片插件支持多种幻灯片特效 (2)、jquery flow 图片切换滚...

2013/05/28 15:28
889
0
DOM对象与JQuery对象的区别

jQuery对象和DOM对象使用说明,需要的朋友可以参考下。 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它...

2014/09/13 16:19
21
0
js:滚动页面时自动激活对应菜单中的条目

这个在[Change Active Menu Item on Page Scroll?](http://stackoverflow.com/questions/9979827/change-active-menu-item-on-page-scroll)有详细的讨论。对应的代码在[http://jsfiddle.net/...

2015/11/20 15:18
108
0
《基于JQuery和CSS的特效整理》系列分享专栏

《基于JQuery和CSS的特效整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201724.html 文章 一款基于jQuery的颜色拾取器 分享一款基于jQuery的QQ表情插件 ...

2018/11/04 19:51
67
0
dom对象和jQuery对象的区别

dom对象和jQuery对象的区别

2014/07/30 22:07
110
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部