您的位置：首页 > Web前端 > JQuery

使用jquery.uploadify 传递自己需要的参数 .

2011-12-21 10:32 507 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UploadFile.aspx.cs" Inherits="UploadFile" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Uploadify</title>
<link href="JS/jquery.uploadify-v2.1.0/css/default.css" rel="stylesheet" type="text/css" />
<link href="JS/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="JS/jquery.uploadify-v2.1.0/jquery-1.4.1.js"></script>
<script type="text/javascript" src="JS/jquery.uploadify-v2.1.0/swfobject.js"></script>
<script type="text/javascript" src="JS/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf',
'script': 'JS/jquery.uploadify-v2.1.0/UploadHandler.ashx',
'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',
'folder': 'UploadFile',
'queueID': 'fileQueue',
'auto': false,
'multi': false

});
});
</script>
</head>
<body>
<form id="Form1" runat="server">
<div id="fileQueue" style="width: 400px; height: 80px">
</div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadifySettings('scriptData',{'type':$('#TextBox1').val()}); jQuery('#uploadify').uploadifyUpload()">
开始上传</a> 
<%-- <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>--%>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">
取消上传</a>
</p>
<div>
</div>
</form>
</body>
</html>

在UploadHandler.ashx中，context.Request.Params["type"]即可
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航