Uploadify使用随笔

最近项目使用了Uploadify一个上传插件，感觉的挺好用的。

上传控件：

引用JS

<script src='<% =ResolveUrl("~/JS/Uploadify/jquery.uploadify.js")%>' type="text/javascript"></script>

插件使用方法：

function UploadFY() {

var upload = {

'swf': '../JS/Uploadify/uploadify.swf',

'uploader': '../Ashx/FileOpHandler.ashx?Op=UploadFile&KGuid=' + Kguid + '&dType=SHPY_Files',

'buttonImg': '<% =ResolveUrl("~/JS/Uploadify/licon_001.gif")%>',

'cancelImg': '<% =ResolveUrl("~/JS/Uploadify/cancel.png")%>',

'queueID': Kguid,

'auto': true,

'multi': true,

'height': 22,

'width': 70,

'buttonText': '',

'fileTypeDesc': '系统支持文件',        // The description for file types in the browse dialog

'fileTypeExts': '*.doc;*.docx;*.xls;*.xlsx;*.pdf;*.rar;*.gd',

//需要重写的事件

'overrideEvents': ['onSelectError', 'onDialogClose'],

'multi': false,      //是否允许多选

'auto': true,       //是否允许自动上传

'method': 'GET',

'queueSizeLimit': 300,      //同时上传数量

'uploadLimit': 10000,        //一次浏览器课上成总数量

'fileSizeLimit': '10MB',   //单个文件大小设置

'sizeLimit': 4000000,

'onQueueComplete': function (file) {         //所有文件上传完成时触发此事件

},

'onSelect': function (file) {

//$('#fileupload').uploadifySettings('formData', { 'ASPSESSID': ASPSESSID, 'AUTHID': auth });

//alert(formDate);

fileName = file.name;

},

//返回一个错误，选择文件的时候触发

'onSelectError': function (file, errorCode, errorMsg) {

switch (errorCode) {

case -100:

alert("上传的文件数量已经超出系统限制的" + $('#fileupload').uploadify('settings', 'queueSizeLimit') + "个文件！");

return;

case -110:

alert("文件 [" + file.name + "] 大小超出系统限制的10MB大小！");

//  alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#fileupload').uploadify('settings', 'fileSizeLimit') + "大小！");

return;

case -120:

alert("文件 [" + file.name + "] 大小超出系统限制的10MB大小！");

return;

case -130:

alert("文件 [" + file.name + "] 类型不正确！");

return;

default:

alert("文件 [" + file.name + "] 文件检查发生错误！");

return;

}

},

//检测FLASH失败调用

'onFallback': function () {

alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");

},

'width': 34, //文件选择按钮大小

'height': 22,

'removeCompleted': true,

'removeTimeout': 0.1,    //上传完成后自动消失时间/秒

'onQueueComplete': function (file) {         //所有文件上传完成时触发此事件

if (fileName.length > 100) {

alert("文件名过长！");

return;

}

$("#hdAttachmentName").val(fileName);

$("#hdAttachmentPath").val('/uploads/SHPY_Files' + '/' + Kguid + '/' + fileName);

$("#<%=DivFileLink.ClientID %>").html('<a href="javascript:void(0)" onclick="Down()" >' + fileName + '</a>&nbsp;&nbsp;<img src="../JS/Uploadify/cancel.png" align="middle"  onclick=DeleteFile() />');

}

}

return upload;

}

function LoadUpload() {

$("input[type='file']").each(function () {

$(this).uploadify((UploadFY()))

});

}

function Down() {

document.getElementById('btnDown').click();

}

function DeleteFile() {

$("#hdAttachmentName").val('');

$("#hdAttachmentPath").val('');

$("#<%=DivFileLink.ClientID %>").html('');

//此处可写触发删除文件

}

页面加载的时候调用：

LoadUpload();

FileOpHandler.ashx

上传代码：

private void UploadFile(HttpContext context)

{

try

{

HttpPostedFile file = context.Request.Files["Filedata"];

string KGuid = q(context, "KGuid");

string FileName = file.FileName;

int FileLength = file.ContentLength; ;

string FileType = file.FileName.Substring(file.FileName.LastIndexOf("."));

string CreateUserName = q(context, "CreateUserName");

string CreateUserID = q(context, "CreateUserID");

DateTime CreateDateTime = DateTime.Now;

string uploadPath = context.Server.MapPath("..\\uploads\\" + q(context, "dType") + "\\" + KGuid + "\\");

string FilePath = "..\\uploads\\" + q(context, "dType") + "\\" + KGuid + "\\" + FileName;

if (file != null)

{

if (!Directory.Exists(uploadPath))

{

Directory.CreateDirectory(uploadPath);

}

file.SaveAs(uploadPath + file.FileName);

//生成缩略图

}

context.Response.Write("1");

}

catch

{

context.Response.Write("0");

}

}

private string q(HttpContext context, string str)

{

if (context.Request[str] != null)

return context.Request[str].ToString();

return "";

}

public bool success

{

get;

set;

}

/// <summary>

/// Gets or sets the MSG.

/// </summary>

/// <value>The MSG.</value>

public string msg

{

get;

set;

}

/// <summary>

/// Gets or sets the public key.

/// </summary>

/// <value>The public key.</value>

public object data

{

get;

set;

}

文件下载：

protected void btnDown_Click(object sender, EventArgs e)

{

string filePath = Server.MapPath("../" + hdAttachmentPath.Value);

try

{

FileInfo info = new FileInfo(filePath);

if (!info.Exists)

{

Page.ClientScript.RegisterStartupScript(this.GetType(), "message", "$.messager.alert('消息提示', '文件不存在！', 'info');", true);

return;

}

long fileSize = info.Length;

Response.Clear();

Response.ContentType = "application/x-zip-compressed";

Response.AddHeader("Content-Disposition", "attachment;filename=" +HttpUtility.UrlEncode( info.Name));

//不指明Content-Length用Flush的话不会显示下载进度

Response.AddHeader("Content-Length", fileSize.ToString());

Response.TransmitFile(filePath, 0, fileSize);

Response.Flush();

Response.Close();

}

catch (Exception ex)

{

Page.ClientScript.RegisterStartupScript(this.GetType(), "message", "$.messager.alert('消息提示', " + ex.Message + ", 'info');", true);

}

}