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

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

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

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

    <input type="submit">

form>

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

body>

 

    1. 使用jquery.ocupload-1..js插件
  1. jquery.ocupload-1.1.2.js就是一个js库,它用于一键文件上传
  2. 使用coupload一旦选择完文件,就会自动上传
  3. 使用步骤
    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);

 

你可能感兴趣的:(SSH)