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. The Ninth Hunan Collegiate Programming Contest (2013) Problem A

    Problem A Almost Palindrome Given a line of text, find the longest almost-palindrome substring. A st ...

  2. jboss7访问日志功能及使用goaccess工具分析

    网络上虽然很多文章分别讲到jboss7的访问日志如何配置,goaccess工具怎么分析nginx/tomcat等日志.但将两者放在一起即“通过goaccess分析jboss访问日志”的倒是没搜索到. ...

  3. 仿qq空间相册的图片批量上传

    效果: 转载请注明:http://www.cnblogs.com/TheViper/ 主要是flash组件的tilelist,这个很有用.还有对flash组件源码的一点修改hack. 还是代码很简单, ...

  4. VB datagrid指定行着色

    有图有真相: 关键点:使用datagrid的FetchRowStyle委托. (Form界面的datagrid名称:dgv) 使用FetchRowStyle委托,要先打开开关: dgv.FetchRo ...

  5. Java构造和解析Json数据的两种方法详解一

    一.介绍 JSON-lib包是一个beans,collections,maps,java arrays 和XML和JSON互相转换的包,主要就是用来解析Json数据,在其官网http://www.js ...

  6. 来自Google产品管理和营销高级副总裁Jonathan Rosenberg的42条军规(转）

    #35 营造一个说 yes 的文化 你想要建立一个充满正能量和积极思考的地方.“组织里有阻碍变革发生的抗体.所以许多大公司无法创新.如果你是一个创新者,你就变成了病毒,所有的抗体都想杀死你.”在这种情 ...

  7. 洛谷P1631 序列合并

    P1631 序列合并 236通过 657提交 题目提供者xmyzwls 标签堆 难度普及+/提高 提交该题 讨论 题解 记录 最新讨论 为什么不行? 题目描述 有两个长度都是N的序列A和B,在A和B中 ...

  8. C++: std::string 与 Unicode 结合

    一旦知道 TCHAR 和_T 是如何工作的,那么这个问题很简单.基本思想是 TCHAR 要么是char,要么是 wchar_t,这取决于_UNICODE 的值: // abridged from tc ...

  9. sqlplus sys/system@'(description=(address_list=(address=(protocol=tcp)(host=192.168.11.199)(port=1521)))(connect_data=(service_name=byRuiy)))' as sysdba

  10. minicom/kermit捕捉日志

    1.minicom捕捉日志 ctrl-A Z 命令窗口中有 Capture on/off......L   2.kermit捕捉日志 ctrl-\ C进入kermit命令行模式 log session ...