jquery实现兼容IE8的异步上传文件

前端技术 2023/09/01 JavaScript

案例：

<!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>

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

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

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

以上所述就是本文的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/1487

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案