87,991
社区成员
发帖
与我相关
我的任务
分享
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Uploadify</title>
<link href="Styles/default.css" rel="stylesheet" type="text/css" /><!--显示容器Div的样式-->
<link href="uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script src="uploadify/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="uploadify/jquery.uploadify.v2.1.0.js" type="text/javascript"></script>
<script src="uploadify/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'uploadify/uploadify.swf', //该swf文件是一个带有文字BROWSE的按钮
'script': 'UploadHandler.ashx', //上传操作类
'cancelImg': 'uploadify/uploadify-cancel.png', //删除按钮图标
'folder': 'UploadFile', //上传文件存放路径
'queueID': 'fileQueue', //显示容器
'auto': false, //选择文件后是否自动上传
'multi': true, //是否支持多个/多行
'fileExt': '*.doc;*.pdf', //设置可以选择的文件的类型
'fileDesc': '*.doc;*.pdf', //这个属性值必须设置fileExt属性后才有效,用来设置选择文件对话框中的提示文本
//event:事件对象
//queueID:文件的唯一标识,由6为随机字符组成
//fileObj:选择的文件对象,有name、size、creationDate、modificationDate、type 5个属性
//response:后台处理程序返回的值
//data:有两个属性fileCount(剩余没有上传完成的文件的个数)和speed(文件上传的平均速率 kb/s)
'onComplete': function (event, queueId, fileObj, response, data) { //文件上传完成后触发。
$("#hidFileName").val($("#hidFileName").val() + response + ';'); //获取上传后的文件名(用分号分隔)
if (data.fileCount <= 0) {
alert("上传完成!上传平均速度:" + data.speed + "kb/s");
}
}
//更多属性和方法设置此处省略
});
});
</script>
</head>
<body>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>|
<a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
<input type="hidden" id="hidFileName" />
</p>
</body>
</html>
'UploadHandler.ashx'就是上传文件时请求的一般处理程序,当前你也可以是其它的页面之类的