WEB开发网
开发学院网页设计JavaScript JQuery上传插件Uploadify使用详解 阅读

JQuery上传插件Uploadify使用详解

 2010-01-07 00:00:00 来源:WEB开发网   
核心提示: simUploadLimit :允许同时上传的个数 默认值:1 , buttonText :浏览按钮的文本,JQuery上传插件Uploadify使用详解(4),默认值:BROWSE , buttonImg :浏览按钮的图片的路径 ,由6为随机字符组成, fileObj:选择的文件对象, hid

simUploadLimit :允许同时上传的个数 默认值:1 。

buttonText :浏览按钮的文本,默认值:BROWSE 。

buttonImg :浏览按钮的图片的路径 。

hideButton :设置为true则隐藏浏览按钮的图片 。

rollover :值为true和false,设置为true时当鼠标移到浏览按钮上时有反转效果。

width :设置浏览按钮的宽度 ,默认值:110。

height :设置浏览按钮的高度 ,默认值:30。

wmode :设置该项为transparent 可以使浏览按钮的flash背景文件透明,并且flash文件会被置为页面的最高层。 默认值:opaque 。

cancelImg:选择文件到文件队列中后的每一个文件上的关闭按钮图标,如下图:

JQuery上传插件Uploadify使用详解

上面介绍的key值的value都为字符串或是布尔类型,比较简单,接下来要介绍的key值的value为一个函数,可以在选择文件、出错或其他一些操作的时候返回一些信息给用户。

onInit :做一些初始化的工作。

onSelect:选择文件时触发,该函数有三个参数

event:事件对象。

queueID:文件的唯一标识,由6为随机字符组成。

fileObj:选择的文件对象,有name、size、creationDate、modificationDate、type 5个属性。

代码如下:

$(document).ready(function() 
{ 
  $("#uploadify").uploadify({ 
    'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf', 
    'script': 'UploadHandler.ashx', 
    'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png', 
    'folder': 'UploadFile', 
    'queueID': 'fileQueue', 
    'auto': false, 
    'multi': true, 
    'onInit':function(){alert("1");}, 
    'onSelect': function(e, queueId, fileObj) 
    { 
      alert("唯一标识:" + queueId + "\r\n" + 
         "文件名:" + fileObj.name + "\r\n" + 
         "文件大小:" + fileObj.size + "\r\n" + 
         "创建时间:" + fileObj.creationDate + "\r\n" + 
         "最后修改时间:" + fileObj.modificationDate + "\r\n" + 
         "文件类型:" + fileObj.type 
      ); 
 
    } 
  }); 
}); 

上一页  1 2 3 4 5 6  下一页

Tags:JQuery 上传 插件

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接