http://code.taobao.org/p/upload2/src/ 已经托管至淘宝code

源码：http://code.taobao.org/p/upload2/src/jquery.upload2.js

案例：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<script type="text/javascript" src="jquery.min.js"></script>

<script src="upload02.js"></script>

<script type="text/javascript">

    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")

    }

</script>

</head>

<body>

    <p>

<input type="button" value="look" onclick="look()" />

<input type="button" value="clean" onclick="clean()" />

<input type="button" value="ajaxSubmit" onclick="ajaxSubmit()" />

<input type="file" name="test" />

    </p>

    <p>

<input type="button" value="look1" onclick="look1()" />

<input type="button" value="clean1" onclick="clean1()" />

<input type="button" value="ajaxSubmit1" onclick="ajaxSubmit1()" />

<input type="file" name="test1" />

    </p>

</body>

</html>

我测试的环境是IE10，在IE10的开发者工具中模拟IE8，测试通过。（我将浏览器的安全权限设置了中，应该没有多大关系）

源码修改自：http://www.ponxu.com。

修复了此人写的一些小错误，添加几个方法，主要是通过了IE8的测试（之前的不支持IE8）。

jquery异步上传文件，支持IE8的更多相关文章

  1. Jquery异步上传文件

    我想通过jQuery异步上传文件,这是我的HTML: 1 2 3 <span>File</span> <input type="file" id=&q ...

  2. 【转】jQuery异步上传文件

    用了 jQuery Form插件来解决这个问题:http://malsup.com/jquery/form/#code-samples 有没有不用该插件来实现呢? 解决方法: 可以采用HTML5,用j ...

  3. IE8/9 JQuery.Ajax 上传文件无效

    IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...

  4. 【转】JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...

  5. 利用jquery.form实现异步上传文件

    实现原理 目前需要在一个页面实现多个地方调用上传控件上传文件,并且必须是异步上传.思考半天,想到通过创建动态表单包裹上传文件域,利用jquery.form实现异步提交表单,从而达到异步上传的目的,在上 ...

  6. JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错 ...

  7. struts2 jquery ajaxFileUpload 异步上传文件

    网上搜集的,整理一下. 一.ajaxFileUpload 实现异步上传文件利用到了ajaxFileUpload.js这个文件,这是别人开发的一个jquery的插件,可以实现文件的上传并能够和strut ...

  8. 异步上传文件,ajax上传文件,jQuery插件之ajaxFileUpload

    http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一.ajaxFileUpload是一个异步上传文件的jQuery插件. ...

  9. MVC文件上传 - 使用jquery异步上传并客户端验证类型和大小

    本篇体验MVC上传文件,从表单上传过渡到jquery异步上传. MVC最基本的上传文件是通过form表单提交方式 □ 前台视图部分 <% using(Html.BeginForm("F ...

随机推荐

  1. Oracle数据库——函数 http://www.jb51.net/article/40469.htm

    1====分析函数  相当于把分组后的结果加到每一行里 SELECT  t.loan_contract_no,t.loan_name,t.loan_amount,ROWNUM,  row_number ...

  2. dedecms首页怎么调用公司简介的内容

    DeDeCMS功能虽然强大,但还是有些细节上的功能没有实现,正如本文描述的问题一样,DEDECMS要在网站首页调用公司简介的内容,而且还要截取前多少个字符数的时候,DEDECMS标签中没有能实现这样的 ...

  3. 使用OpenCV/python进行双目测距

    在做SLAM时,希望用到深度图来辅助生成场景,所以要构建立体视觉,在这里使用OpenCV的Stereo库和python来进行双目立体视觉的图像处理. 立体标定 应用标定数据 转换成深度图 标定 在开始 ...

  4. rsync 参数断点续传

    断点续传是使用大写P参数,-P这个参数是综合了--partial --progress两个参数 rsync -avzP /home/hadoop/jdk1..0_73.tar.gz root@10.2 ...

  5. prototype原型模式中的问题

    对于每个构造函数来说,都有一个prototype属性.对于每个对象实例来说,都有_proto_属性. 参看下面代码: function Person(){} Person.prototype={ na ...

  6. Windows API学习---线程与内核对象的同步

    前言 若干种内核对象,包括进程,线程和作业.可以将所有这些内核对象用于同步目的.对于线程同步来说,这些内核对象中的每种对象都可以说是处于已通知或未通知的状态之中.这种状态的切换是由Microsoft为 ...

  7. MFC六大核心机制之二：运行时类型识别（RTTI）

    上一节讲的是MFC六大核心机制之一:MFC程序的初始化,本节继续讲解MFC六大核心机制之二:运行时类型识别(RTTI). typeid运算子 运行时类型识别(RTTI)即是程序执行过程中知道某个对象属 ...

  8. pycurl

    http://www.cnblogs.com/lonelycatcher/archive/2012/02/09/2344005.html http://ju.outofmemory.cn/entry/ ...

  9. Ax Lookup Form

    Reference: Class\sysLookupTable 1. 用临时表构造Lookup下拉结果,sysLookupTable有一个parmTmpBuffer方法,表明传入展示的结果集是临时表 ...

  10. 【MySQL】SQL语句嵌套1

    mysql中You can't specify target table <tbl> for update in FROM clause错误的意思是说,不能先select出同一表中的某些值 ...