當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

CFUpdate上传控件的使用

發(fā)布時間：2023/12/1 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 CFUpdate上传控件的使用小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

一同事找的這個控件，覺得挺不錯的，到官方(http://www.access2008.cn/)下載源碼后稍加修改

html頁面代碼：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_cn" lang="zh_cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多文件上傳組件</title> </head> <body bgcolor="#ffffff" style="text-align:center;"><script language="javascript"> function challs_flash_update(){ //Flash 初始化函數(shù)var a={};//定義變量為Object 類型 a.title = "上傳文件"; //設(shè)置組件頭部名稱 a.FormName = "Filedata";//設(shè)置Form表單的文本域的Name屬性 a.url = "ImgHandler.aspx"; //設(shè)置服務器接收代碼文件 a.parameter = ""; //設(shè)置提交參數(shù)，以GET形式提交,例："key=value&key=value&..." a.typefile = ["Images (*.gif,*.png,*.jpg,*jpeg)","*.gif;*.png;*.jpg;*.jpeg;","GIF (*.gif)","*.gif;","PNG (*.png)","*.png;","JPEG (*.jpg,*.jpeg)","*.jpg;*.jpeg;"];//這里設(shè)置其他類型的文件//a.typefile = ["File (*.rar,*.doc,*.zip,*.txt,*.docx,*.swf,*.html,*.htm)", "*.rar;*.doc;*.zip;*.txt;*.docx;*.swf;*.html;*.htm"];//設(shè)置可以上傳文件數(shù)組類型//"Images (*.gif,*.png,*.jpg)"為用戶選擇要上載的文件時可以看到的描述字符串,//"*.gif;*.png;*.jpg"為文件擴展名列表，其中列出用戶選擇要上載的文件時可以看到的 Windows 文件格式，以分號相隔//2個為一組，可以設(shè)置多組文件類型 a.newTypeFile = ["Images (*.gif,*.png,*.jpg,*jpeg)","*.gif;*.png;*.jpg;*.jpeg;","JPE;JPEG;JPG;GIF;PNG","GIF (*.gif)","*.gif;","GIF","PNG (*.png)","*.png;","PNG","JPEG (*.jpg,*.jpeg)","*.jpg;*.jpeg;","JPE;JPEG;JPG"];//設(shè)置可以上傳文件，多了一個蘋果電腦文件類型過濾數(shù)組類型, 設(shè)置了此項，typefile將無效//"Images (*.gif,*.png,*.jpg)"為用戶選擇要上載的文件時可以看到的描述字符串,//"*.gif;*.png;*.jpg"為文件擴展名列表，其中列出用戶選擇要上載的文件時可以看到的 Windows 文件格式，以分號相隔//"JPE;JPEG;JPG;GIF;PNG" 分號分隔的 Macintosh 文件類型列表，如下面的字符串所示："JPEG;jp2_;GI a.UpSize = 0;//可限制傳輸文件總?cè)萘?#xff0c;0或負數(shù)為不限制，單位MB a.fileNum = 10;//可限制待傳文件的數(shù)量，0或負數(shù)為不限制 a.size = 1;//上傳單個文件限制大小，單位MB，可以填寫小數(shù)類型//a.FormID = ['select','select2'];//設(shè)置每次上傳時將注冊了ID的表單數(shù)據(jù)以POST形式發(fā)送到服務器//需要設(shè)置的FORM表單中checkbox,text,textarea,radio,select項目的ID值,radio組只需要一個設(shè)置ID即可//參數(shù)為數(shù)組類型，注意使用此參數(shù)必須有 challs_flash_FormData() 函數(shù)支持 a.autoClose = 1;//上傳完成條目，將自動刪除已完成的條目，值為延遲時間，以秒為單位，當值為 -1 時不會自動關(guān)閉，注意：當參數(shù)CompleteClose為false時無效 a.CompleteClose = true;//設(shè)置為true時，上傳完成的條目，將也可以取消刪除條目，這樣參數(shù) UpSize 將失效, 默認為false a.repeatFile = true;//設(shè)置為true時，可以過濾用戶已經(jīng)選擇的重復文件，否則可以讓用戶多次選擇上傳同一個文件，默認為false a.returnServer = true;//設(shè)置為true時，組件必須等到服務器有反饋值了才會進行下一個步驟，否則不會等待服務器返回值，直接進行下一步驟，默認為false a.MD5File = 0;//設(shè)置MD5文件簽名模式，參數(shù)如下 ,注意：FLASH無法計算超過100M的文件,在無特殊需要時，請設(shè)置為0//0為關(guān)閉MD5計算簽名//1為直接計算MD5簽名后上傳//2為計算簽名，將簽名提交服務器驗證，在根據(jù)服務器反饋來執(zhí)行上傳或不上傳//3為先提交文件基本信息，根據(jù)服務器反饋，執(zhí)行MD5簽名計算或直接上傳，如果是要進行MD5計算，計算后，提交計算結(jié)果，在根據(jù)服務器反饋，來執(zhí)行是否上傳或不上傳 a.loadFileOrder=true;//選擇的文件加載文件列表順序，TRUE = 正序加載，FALSE = 倒序加載 a.mixFileNum=0;//至少選擇的文件數(shù)量，設(shè)置這個將限制文件列表最少正常數(shù)量（包括等待上傳和已經(jīng)上傳）為設(shè)置的數(shù)量，才能點擊上傳，0為不限制 a.ListShowType = 2;//文件列表顯示類型：1 = 傳統(tǒng)列表顯示，2 = 縮略圖列表顯示（適用于圖片專用上傳） a.InfoDownRight = "";//右下角統(tǒng)計信息的文本設(shè)置,文本中的 %1% = 等待上傳數(shù)量的替換符號，%2% = 已經(jīng)上傳數(shù)量的替換符號，例子“等待上傳：%1%個已上傳：%2%個” a.TitleSwitch = true;//是否顯示組件頭部 a.ForceFileNum = 0;//強制條目數(shù)量，已上傳和待上傳條目相加等于為設(shè)置的值（不包括上傳失敗的條目），否則不讓上傳, 0為不限制，設(shè)置限制后mixFileNum,autoClose和fileNum屬性將無效！ a.autoUpload = false;//設(shè)置為true時，用戶選擇文件后，直接開始上傳，無需點擊上傳，默認為false; a.adjustOrder = true;//設(shè)置為true時，用戶可以拖動列表，重新排列位置 a.deleteAllShow = true//設(shè)置是否顯示，全部清除按鈕 a.language = 0; //語言包控制，0 自動檢測 1 簡體中文，2 繁體中文 3 英文 a.countData = true;//是否向服務器端提交組件文件列表統(tǒng)計信息，POST方式提交數(shù)據(jù)//access2008_box_info_max 列表總數(shù)量//access2008_box_info_upload 剩余數(shù)量（包括當前上傳條目）//access2008_box_info_over 已經(jīng)上傳完成數(shù)量（不包括當前上傳條目) a.isShowUploadButton = true;//是否顯示上傳按鈕，默認為truereturn a ;//返回Object }function challs_flash_onComplete(a){ //每次上傳完成調(diào)用的函數(shù)，并傳入一個Object類型變量，包括剛上傳文件的大小，名稱，上傳所用時間,文件類型var name=a.fileName; //獲取上傳文件名var size=a.fileSize; //獲取上傳文件大小，單位字節(jié)var time=a.updateTime; //獲取上傳所用時間單位毫秒var type=a.fileType; //獲取文件類型，在 Windows 上，此屬性是文件擴展名。在 Macintosh 上，此屬性是由四個字符組成的文件類型//document.getElementById('show').innerHTML+=name+' --- '+size+'字節(jié) ----文件類型：'+type+'--- 用時 '+(time/1000)+'秒 ' }function challs_flash_onCompleteData(a){ //獲取服務器反饋信息事件//document.getElementById('show').innerHTML+='服務器端反饋信息： '+a+' '; } function challs_flash_onStart(a){ //開始一個新的文件上傳時事件,并傳入一個Object類型變量，包括剛上傳文件的大小，名稱，類型var name=a.fileName; //獲取上傳文件名var size=a.fileSize; //獲取上傳文件大小，單位字節(jié)var type=a.fileType; //獲取文件類型，在 Windows 上，此屬性是文件擴展名。在 Macintosh 上，此屬性是由四個字符組成的文件類型//document.getElementById('show').innerHTML+=name+'開始上傳！ ';return true; //返回 false 時，組件將會停止上傳 }function challs_flash_onStatistics(a){ //當組件文件數(shù)量或狀態(tài)改變時得到數(shù)量統(tǒng)計，參數(shù) a 對象類型var uploadFile = a.uploadFile; //等待上傳數(shù)量var overFile = a.overFile; //已經(jīng)上傳數(shù)量var errFile = a.errFile; //上傳錯誤數(shù)量 }function challs_flash_alert(a){ //當提示時，會將提示信息傳入函數(shù)，參數(shù) a 字符串類型//document.getElementById('show').innerHTML+='組件提示：'+a+' '; }function challs_flash_onCompleteAll(a){ //上傳文件列表全部上傳完畢事件,參數(shù) a 數(shù)值類型，返回上傳失敗的數(shù)量 document.getElementById('show').innerHTML+='所有文件上傳完畢，上傳失敗'+a+'個！ ';//window.location.href = 'http://www.baidu.com'; //傳輸完成后，跳轉(zhuǎn)頁面 }function challs_flash_onSelectFile(a){ //用戶選擇文件完畢觸發(fā)事件，參數(shù) a 數(shù)值類型，返回等待上傳文件數(shù)量//document.getElementById('show').innerHTML+='文件選擇完成：等待上傳文件'+a+'個！ '; }function challs_flash_deleteAllFiles(){ //清空按鈕點擊時，出發(fā)事件//返回 true 清空，false 不清空return confirm("你確定要清空列表嗎?"); }function challs_flash_onError(a){ //上傳文件發(fā)生錯誤事件，并傳入一個Object類型變量，包括錯誤文件的大小，名稱，類型var err=a.textErr; //錯誤信息var name=a.fileName; //獲取上傳文件名var size=a.fileSize; //獲取上傳文件大小，單位字節(jié)var type=a.fileType; //獲取文件類型，在 Windows 上，此屬性是文件擴展名。在 Macintosh 上，此屬性是由四個字符組成的文件類型 document.getElementById('show').innerHTML+=''+name+' - '+err+' '; }function challs_flash_FormData(a){ // 使用FormID參數(shù)時必要函數(shù)try{var value = '';var id=document.getElementById(a);if(id.type == 'radio'){var name = document.getElementsByName(id.name);for(var i = 0;i<name.length;i++){if(name[i].checked){value = name[i].value;}}}else if(id.type == 'checkbox'){var name = document.getElementsByName(id.name);for(var i = 0;i<name.length;i++){if(name[i].checked){if(i>0) value+=",";value += name[i].value;}}}else if(id.type == 'select-multiple'){for(var i=0;i<id.length;i++){if(id.options[i].selected){if(i>0) value+=",";values += id.options[i].value; }}}else{value = id.value;}return value;}catch(e){return '';} }function challs_flash_style(){ //組件顏色樣式設(shè)置函數(shù)var a = {};/* 整體背景顏色樣式 */a.backgroundColor=['#f6f6f6','#f3f8fd','#dbe5f1']; //顏色設(shè)置，3個顏色之間過度 a.backgroundLineColor='#5576b8'; //組件外邊框線顏色 a.backgroundFontColor='#066AD1'; //組件最下面的文字顏色 a.backgroundInsideColor='#FFFFFF'; //組件內(nèi)框背景顏色 a.backgroundInsideLineColor=['#e5edf5','#34629e']; //組件內(nèi)框線顏色，2個顏色之間過度 a.upBackgroundColor='#ffffff'; //上翻按鈕背景顏色設(shè)置 a.upOutColor='#000000'; //上翻按鈕箭頭鼠標離開時顏色設(shè)置 a.upOverColor='#FF0000'; //上翻按鈕箭頭鼠標移動上去顏色設(shè)置 a.downBackgroundColor='#ffffff'; //下翻按鈕背景顏色設(shè)置 a.downOutColor='#000000'; //下翻按鈕箭頭鼠標離開時顏色設(shè)置 a.downOverColor='#FF0000'; //下翻按鈕箭頭鼠標移動上去時顏色設(shè)置/* 頭部顏色樣式 */a.Top_backgroundColor=['#e0eaf4','#bcd1ea']; //顏色設(shè)置，數(shù)組類型，2個顏色之間過度 a.Top_fontColor='#245891'; //頭部文字顏色/* 按鈕顏色樣式 */a.button_overColor=['#FBDAB5','#f3840d']; //鼠標移上去時的背景顏色，2個顏色之間過度 a.button_overLineColor='#e77702'; //鼠標移上去時的邊框顏色 a.button_overFontColor='#ffffff'; //鼠標移上去時的文字顏色 a.button_outColor=['#ffffff','#dde8fe']; //鼠標離開時的背景顏色，2個顏色之間過度 a.button_outLineColor='#91bdef'; //鼠標離開時的邊框顏色 a.button_outFontColor='#245891'; //鼠標離開時的文字顏色/* 文件列表樣式 */a.List_scrollBarColor="#000000" //列表滾動條顏色 a.List_backgroundColor='#EAF0F8'; //列表背景色 a.List_fontColor='#333333'; //列表文字顏色 a.List_LineColor='#B3CDF1'; //列表分割線顏色 a.List_cancelOverFontColor='#ff0000'; //列表取消文字移上去時顏色 a.List_cancelOutFontColor='#D76500'; //列表取消文字離開時顏色 a.List_progressBarLineColor='#B3CDF1'; //進度條邊框線顏色 a.List_progressBarBackgroundColor='#D8E6F7'; //進度條背景顏色 a.List_progressBarColor=['#FFCC00','#FFFF00']; //進度條進度顏色，2個顏色之間過度/* 錯誤提示框樣式 */a.Err_backgroundColor='#C0D3EB'; //提示框背景色 a.Err_fontColor='#245891'; //提示框文字顏色 a.Err_shadowColor='#000000'; //提示框陰影顏色return a; }var isMSIE = (navigator.appName == "Microsoft Internet Explorer"); function thisMovie(movieName){ if(isMSIE){ return window[movieName]; }else{return document[movieName]; } } </script> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="500" height="400" id="update" align="middle"> <param name="allowFullScreen" value="false" /><param name="allowScriptAccess" value="always" /><param name="movie" value="update.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="update.swf" quality="high" bgcolor="#ffffff" width="500" height="400" name="update" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> <div id="show" style="margin-top:20px; width:500px; text-align:left;"></div> </body> </html>

處理文件的aspx頁面：

protected void Page_Load(object sender, EventArgs e){//---------------------------------------------------------------------------------------------//組件設(shè)置a.MD5File為2，3時的實例代碼if (Request.QueryString["access2008_cmd"] != null && Request.QueryString["access2008_cmd"] == "2")//服務器提交MD5驗證后的文件信息進行驗證 {// Request.QueryString["access2008_File_name"]; //文件名// Request.QueryString["access2008_File_size"]; //文件大小，單位字節(jié)// Request.QueryString["access2008_File_type"]; //文件類型例如.gif .png// Request.QueryString["access2008_File_md5"]; //文件的MD5簽名 Response.Write("0");//返回命令 0 = 開始上傳文件， 2 = 不上傳文件，前臺直接顯示上傳完成 Response.End();}else if (Request.QueryString["access2008_cmd"] != null && Request.QueryString["access2008_cmd"] == "3") //服務器提交文件信息進行驗證 {// Request.QueryString["access2008_File_name"]; //文件名// Request.QueryString["access2008_File_size"]; //文件大小，單位字節(jié)// Request.QueryString["access2008_File_type"]; //文件類型例如.gif .png Response.Write("1");//返回命令 0 = 開始上傳文件,1 = 提交MD5驗證后的文件信息進行驗證, 2 = 不上傳文件，前臺直接顯示上傳完成 Response.End();}//---------------------------------------------------------------------------------------------if (Request.Files["Filedata"] != null)//判斷是否有文件上傳上來 {SaveImages("File/");//其他表單數(shù)據(jù)接收if (Request.QueryString["access2008_File_md5"] != null){Response.Write(" ");Response.Write("MD5效驗" + Request.QueryString["access2008_File_md5"]);}Response.Write(" ");Response.Write("你選擇的是" + Request.Form["select"] + "--" + Request.Form["select2"] + "");Response.End();}}#region 保存方法/// <summary>/// 保存文件/// </summary>/// <param name="url">保存路徑,填寫相對路徑</param>/// <returns></returns>private void SaveImages(string url){///'遍歷File表單元素HttpFileCollection files = HttpContext.Current.Request.Files;///'檢查文件擴展名字//HttpPostedFile postedFile = files[iFile];HttpPostedFile postedFile = Request.Files["Filedata"]; //得到要上傳文件string fileName, fileExtension, filesize;fileName = System.IO.Path.GetFileName(postedFile.FileName.ToString()); //得到文件名filesize = System.IO.Path.GetFileName(postedFile.ContentLength.ToString()); //得到文件大小if (fileName != ""){fileExtension = System.IO.Path.GetExtension(fileName);//'獲取擴展名string NewsName = "File_" + DateTime.Now.ToString("yyyyMMddHHmmss");fileName = NewsName + fileExtension;//注意：可能要修改你的文件夾的匿名寫入權(quán)限。postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath(url) + fileName);}Response.Write(fileName + "上傳成功");}#endregion

需要注意的是update.swf顯示頁處理頁需要在同一級目錄下，否則會報Error #2038錯誤

其中的MD5，他們說：每個文件的MD5簽名都是唯一的，在上傳文件比較多時，可以不用上傳到服務器，直接檢測服務器是否有這個文件，直接完成，只做一個標記，建議關(guān)閉。

源代碼外鏈地址：http://sdrv.ms/Uf2RVg

轉(zhuǎn)載于:https://www.cnblogs.com/New-world/archive/2012/11/06/2756982.html

總結(jié)

以上是生活随笔為你收集整理的CFUpdate上传控件的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇：不具有继承关系的Delegate如何进行
下一篇：造成女人不孕不育原因有哪些？