uploadify 使用 详细 说明

简单 常用的 时间 有点 紧  先写 这点 ,  有时间 在更新 下面有 例子  链接 不过要 自己 摘 一下 很简单的啦  

<script type="text/javascript">
$(function () {
$("#file").uploadify({
'upload_url': '/Common/UpdaloadImg',  //处理的页面
'cancelImg': '/uploadify/cancel.png',
'folder': 'UploadFile',
'queueID': 'fileQueue',      //显示 上传进度的 DIV 的 ID
'multi': false,  //是否允许 多个文件上传
'auto': true,  //是否 自动上传
'fileTypeExts': '*.jpg;*.jpeg;*.png;*.gif;*.bmp',    //允许类型
'fileTypeDesc': '*.jpg;*.jpeg;*.png;*.gif;*.bmp',  //点击 选取文件夹的时候的 提示 没什么用
'wmode': 'transparent', 
'sizeLimit': 1024 * 500,   //文件 大小 单位 字节

//选取文件的时候 触发事件
'onSelect': function (fileObj) {
if (fileObj.size >= 1024 * 500) {
show_v_msg('超出限制大小,请重新选择!', 'error');
$('#file').uploadifyCancel(fileObj);
}
},
'onUploadProgress': function (file, fileBytesLoaded, fileTotalBytes) {
$('#btn_sb').attr("disabled", "disabled");
},

// 成功的时候触发
'onUploadSuccess': function (fileObj, response, data) {
if (response) {

//response 返回路径
$('#PicPath').val(response);
alert('上传成功!');
}
else {
$("#file").uploadifyCancel(fileObj);
show_v_msg(fileObj.name + "上传失败,请重试", 'error');
}
$('#btn_sb').removeAttr("disabled");
},
'onAllComplete': function (event, data) {
$('#btn_sb').removeAttr("disabled");
}
});
});
</script>

 

http://yunpan.cn/cgftiGrkcN7Ia  提取码 f455

 

posted @ 2014-09-25 15:23  朝闲  阅读(370)  评论(0编辑  收藏  举报