Jquery Uploadify多文件上傳帶進度條且傳遞自己的參數

2024-05-06 15:51:13

字體：大中小

來源：轉載

供稿：網友

Jquery Uploadify多文件上傳帶進度條且傳遞自己的參數，具體實現如下，需要的朋友可以學習下

復制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Jquery Uploadify上傳帶進度條，且多參數</title>
<link href="js/jquery.uploadify-v2.1.4/uploadify.css" type="text/css" />
<script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.uploadify-v2.1.4/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路徑
'script': 'UploadHandler.ashx', //處理文件上傳的后臺腳本的路徑
'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png',
'folder': 'UploadFile/<% = DateTime.Now.ToString("yyyyMMdd") %>', //上傳文件夾的路徑按20130416
'queueID': 'fileQueue', //頁面中，你想要用來作為文件隊列的元素的id
'auto': false, //當文件被添加到隊列時，自動上傳
'multi': true, //設置為true將允許多文件上傳
'fileExt': '*.jpg;*.gif;*.png', //允許上傳的文件后綴
'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)', //在瀏覽窗口底部的文件類型下拉菜單中顯示的文本
'sizeLimit': 102400, //上傳文件的大小限制，單位為字節 100k
'onAllComplete': function (event, data) { //當上傳隊列中的所有文件都完成上傳時觸發
alert(data.filesUploaded + ' 個文件上傳成功!');
}
});
});

function uploadpara() {
//自定義傳遞參數
$('#uploadify').uploadifySettings('scriptData', { 'name': $('#txtName').val(), 'albums': $('#txtAlbums').val() });
$('#uploadify').uploadifyUpload();
}
</script>
</head>
<body>
<form runat="server">
<div>
用戶名：<asp:TextBox runat="server"></asp:TextBox><br/>
相冊名：<asp:TextBox runat="server"></asp:TextBox>
</div>
</form>

<div></div>
<input type="file" />
<p>
<a href="javascript:void(0);">上傳</a>|
<a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上傳</a>
</p>
</body>
</html>

復制代碼代碼如下:

<%@ WebHandler Language="C#" %>

using System;
using System.Web;
using System.IO;

/// <summary>
/// UploadHandler文件上傳
/// </summary>
public class UploadHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Charset = "utf-8";

HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);
string name = context.Request.Params["name"]; //獲取傳遞的參數
string albums = context.Request.Params["albums"];
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
file.SaveAs(Path.Combine(uploadPath, file.FileName));
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
}

public bool IsReusable
{
get
{
return false;
}
}
}