首頁 > web前端 > js教程 > Jquery Uploadify多檔上傳帶進度條且傳遞自己的參數_jquery

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

WBOY
發布: 2016-05-16 17:24:09
原創
842 人瀏覽過
複製程式碼以下程式碼:





Jquery Uploadify上傳帶資料條,且多參數
>




$(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/', // 上傳資料夾的路徑按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'). valval (), '專輯': $('#txtAlbums').val() });
$('#uploadify').uploadifyUpload();
}
腳本>
頭>


;
使用者名稱:
>
相簿名稱:

表格>



>


上傳|
取消上傳;


身體>


複製程式碼程式碼如下:



使用系統;
使用System.Web;
使用System.IO;

///
/// UploadHandler檔案上傳
/// ;
public class UploadHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain"; .Response.Charset = "utf-8";

HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath = HttpContext.Current.Server.MapPath(@context.Request[@context.Request.Current.Server.MapPath(@context.Request. "folder"]);
字串名稱= 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");
}
其他
{
context.Response.Write("0") ;
}
}

public bool IsReusable
{
get
{
return false;
}
}
return false;
}
}
} } } } } } } } } } } } } } } } } >
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板