SSH---------一键上传插件jquery.ocupload.js的使用

  1. 一键上传插件jquery.ocupload.js的使用
    1. 普通上传实现
  1. 这种方式需要提供一个上传按钮

<form action="abc" target="myiframe">

    <input type="file" name="excelFile">

    <input type="submit">

</form>

<!--

1.为了让上传后，不跳转到其它页面，可以在当前页添加一个ifame来显示服务器的返回数据

2.为了用户体验好点，可以把iframe的宽高设置为0-->

<iframe name="myiframe" style="width:0;height:0"></iframe>

</body>

 

    1. 使用jquery.ocupload-1..js插件
  2. jquery.ocupload-1.1.2.js就是一个js库，它用于一键文件上传
  3. 使用coupload一旦选择完文件，就会自动上传
  4. 使用步骤
    1. 第一步：导入jquery.js和jquery.ocupload.js
    2. 第二步：定义一个上传文件按钮，监听事件，调用ocupload的上传方法
    3. 代码：

<input type="button" id="excel_upload_btn" value="上传文件"/>

<script type="text/javascript">

   $(function() {

      $("#excel_upload_btn").upload({

          action:"abc",

          name:"excelFile"

      });

   });

</script>

  1. 查看ocupload的原码，还有其它属性可以用

options = $.extend({

          name:'file',

          enctype:'multipart/form-data',

          action:'',

          autoSubmit:true,

          onSubmit:function() {},

          onComplete:function() {},

          onSelect:function() {},

          params: {}

      }, options);

 

版权声明：本文为qq_32659773原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。