<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    陌上花開

    遇高山,我御風而翔,逢江河,我凌波微波

       :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::

    2012年11月20日 #

    標準javascript 是內含支持hash關聯數組,經查找資料并測試,有關標準javascript內含的hash關聯數組操作備忘如下

    1。Hash關聯數組定義

    // 定義空數組
    myhash = { }

    // 直接定義數組
    myhash = {”key1″:”val1″, “key2″:”val2″ }

    // 用Array 定義數組
    myhash = new Array();
    myhash[”key1″] = “val1″;
    myhash[”key2″] = “val2″;

    2。向Hash關聯數組添加鍵值

    // 添加一個新鍵 newkey ,鍵值為 newval
    myhash[”newkey”] = “newval”;

    3。刪除Hash關聯數組已有鍵值

    // 刪除一個鍵 newkey ,同時,該鍵值對應的 newval 也就消失了
    delete myhash[”newkey”];

    4。遍歷Hash關聯數組

    // 遍歷整個hash 數組
    for (key in myhash) {
    val = myhash[key];
    }

    5。Hash關聯數組簡易使用示例

    // 轉向腳本
    <script type=”text/javascript”>
    urlhash = { “yahoo”:”www.yahoo.cn“,
    “baidu”:”www.baidu.com“,
    “google”:”www.google.cn” };

    // 交互式使用示例
    userinfo = prompt(”請輸入您最想去的搜索引擎:(yahoo|baidu|google)”, “yahoo”);
    document.write (”您的選擇:” + userinfo + “,<a href=http://” + getURL(userinfo) + ” target=_blank>” + “按此即可進入” + “</a>” + userinfo + “。”);

    // getURL
    // 如果參數未定義,默認返回 www.yahoo.cn 網址
    // @param choice 選擇名稱
    // @return url 實際的URL
    function getURL(choice) {
    url = urlhash[choice];
    if (typeof(urlhash[choice]) == “undefined”)
    url = “www.yahoo.cn“;
    return url;
    }

    // 獲得hash列表的所有 keys
    // @param hash hash數組
    // @return keys 鍵名數據
    function array_keys(hash) {
    keys = [];
    for (key in hash)
    keys.push(key);
    return keys;
    }
    </script>

    posted @ 2012-12-20 11:28 askzs 閱讀(18370) | 評論 (1)編輯 收藏

    原文地址:http://www.cnblogs.com/Lewis/archive/2010/04/27/1722024.html

     

    關于JQuery上傳插件Uploadify使用詳解網上一大把,基本上內容都一樣。我根據網上的步驟配置成功后,會報一些錯誤,而我根據這些錯誤去網上找解決方案,卻沒有相關資料,所以為了不讓更多的朋友走彎路,我把我遇到的一些問題進行匯總,也方便我自己以后查閱。

      什么是Uploadify

      Uploadify是JQuery的一個上傳插件,支持多文件上傳,實現的效果非常不錯,帶進度顯示。

      官網提供的是PHP的DEMO,在這里我詳細介紹在Asp.net下的使用.

      下載

        官方下載

        官方文檔

        官方演示

      如何使用

      1 創建Web項目,命名為JQueryUploadDemo,從官網上下載最新的版本解壓后添加到項目中

      2 在項目中添加UploadHandler.ashx文件用來處理文件的上傳。

      3 在項目中添加UploadFile文件夾,用來存放上傳的文件。

      進行完上面三步后項目的基本結構如下圖:

      

      4 Default.aspx的html頁的代碼修改如下:

      

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
       
    <title>Uploadify</title>
       
    <link href="JS/jquery.uploadify-v2.1.0/example/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.3.2.min.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': 'UploadHandler.ashx',
                   
    'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',
                   
    'folder': 'UploadFile',
                   
    'queueID': 'fileQueue',
                   
    'auto': false,
                   
    'multi': true
                });
            }); 
       
    </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>
       
    </p>
    </body>
    </html>

      5  UploadHandler類的ProcessRequest方法代碼如下:

      

    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"])+"\\"

       
    if (file != null
        { 
          
    if (!Directory.Exists(uploadPath)) 
           { 
               Directory.CreateDirectory(uploadPath); 
           }  
           file.SaveAs(uploadPath
    + file.FileName); 
           
    //下面這句代碼缺少的話,上傳成功后上傳隊列的顯示不會自動消失
           context.Response.Write("1"); 
        }  
       
    else 
        {  
            context.Response.Write(
    "0");  
        } 
    }

      注意:這里一定要注意,一定要引用using System.IO;命名空間,我出錯的原因也是在這里,網上的教程基本上都沒提到這一點,所以有很多網友會遇到IOError的錯誤。

    6 運行后效果如下圖:

      

      7 選擇了兩個文件后,點擊上傳,就可以看到UploadFile文件夾中會增加這兩個文件。

      

      上面的代碼就簡單實現了上傳的功能,依靠函數uploadify實現,uploadify函數的參數為json格式,可以對json對象的key值的修改來進行自定義的設置,如multi設置為true或false來控制是否可以進行多文件上傳,下面就來介紹下這些key值的意思:

     

    uploader : uploadify.swf 文件的相對路徑,該swf文件是一個帶有文字BROWSE的按鈕,點擊后淡出打開文件對話框,默認值:uploadify.swf。
    script :   后臺處理程序的相對路徑 。默認值:uploadify.php
    checkScript :用來判斷上傳選擇的文件在服務器是否存在的后臺處理程序的相對路徑
    fileDataName :設置一個名字,在服務器處理程序中根據該名字來取上傳文件的數據。默認為Filedata
    method : 提交方式Post 或Get 默認為Post
    scriptAccess :flash腳本文件的訪問模式,如果在本地測試設置為always,默認值:sameDomain 
    folder :  上傳文件存放的目錄 。
    queueID : 文件隊列的ID,該ID與存放文件隊列的div的ID一致。
    queueSizeLimit : 當允許多文件生成時,設置選擇文件的個數,默認值:999 。
    multi : 設置為true時可以上傳多個文件。
    auto : 設置為true當選擇文件后就直接上傳了,為false需要點擊上傳按鈕才上傳 。
    fileDesc : 這個屬性值必須設置fileExt屬性后才有效,用來設置選擇文件對話框中的提示文本,如設置fileDesc為“請選擇rar doc pdf文件”,打開文件選擇框效果如下圖:

      

    fileExt : 設置可以選擇的文件的類型,格式如:'*.doc;*.pdf;*.rar' 。
    sizeLimit : 上傳文件的大小限制 。
    simUploadLimit : 允許同時上傳的個數 默認值:1 。
    buttonText : 瀏覽按鈕的文本,默認值:BROWSE 。
    buttonImg : 瀏覽按鈕的圖片的路徑 。
    hideButton : 設置為true則隱藏瀏覽按鈕的圖片 。
    rollover : 值為true和false,設置為true時當鼠標移到瀏覽按鈕上時有反轉效果。
    width : 設置瀏覽按鈕的寬度 ,默認值:110。
    height : 設置瀏覽按鈕的高度 ,默認值:30。
    wmode : 設置該項為transparent 可以使瀏覽按鈕的flash背景文件透明,并且flash文件會被置為頁面的最高層。 默認值:opaque 。
    cancelImg :選擇文件到文件隊列中后的每一個文件上的關閉按鈕圖標,如下圖:

      

    上面介紹的key值的value都為字符串或是布爾類型,比較簡單,接下來要介紹的key值的value為一個函數,可以在選擇文件、出錯或其他一些操作的時候返回一些信息給用戶。

    onInit : 做一些初始化的工作

    onSelect :選擇文件時觸發,該函數有三個參數

    • event:事件對象。
    • queueID:文件的唯一標識,由6為隨機字符組成。
    • fileObj:選擇的文件對象,有name、size、creationDate、modificationDate、type 5個屬性。

    代碼如下:

      

    $(document).ready(function()
    {
        $(
    "#uploadify").uploadify({
           
    'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf',
           
    'script': 'UploadHandler.ashx',
           
    'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',
           
    'folder': 'UploadFile',
           
    'queueID': 'fileQueue',
           
    'auto': false,
           
    'multi': true,
           
    'onInit':function(){alert("1");},
           
    'onSelect': function(e, queueId, fileObj)
            {
                alert(
    "唯一標識:" + queueId + "\r\n" +
                     
    "文件名:" + fileObj.name + "\r\n" +
                     
    "文件大小:" + fileObj.size + "\r\n" +
                     
    "創建時間:" + fileObj.creationDate + "\r\n" +
                     
    "最后修改時間:" + fileObj.modificationDate + "\r\n" +
                     
    "文件類型:" + fileObj.type
                );

            }
        });
    }); 

     


    當選擇一個文件后彈出的消息如下圖:

    onSelectOnce :在單文件或多文件上傳時,選擇文件時觸發。該函數有兩個參數event,data,data對象有以下幾個屬性:

    fileCount:選擇文件的總數。
    filesSelected:同時選擇文件的個數,如果一次選擇了3個文件該屬性值為3。
    filesReplaced:如果文件隊列中已經存在A和B兩個文件,再次選擇文件時又選擇了A和B,該屬性值為2。
    allBytesTotal:所有選擇的文件的總大小。
     

    onCancel : 當點擊文件隊列中文件的關閉按鈕或點擊取消上傳時觸發。該函數有event、queueId、fileObj、data四個參數,前三個參數同onSelect 中的三個參數,data對象有兩個屬性fileCount和allBytesTotal。

    fileCount:取消一個文件后,文件隊列中剩余文件的個數。
    allBytesTotal:取消一個文件后,文件隊列中剩余文件的大小。
     

    onClearQueue :當調用函數fileUploadClearQueue時觸發。有event和data兩個參數,同onCancel 中的兩個對應參數。

    onQueueFull :當設置了queueSizeLimit并且選擇的文件個數超出了queueSizeLimit的值時觸發。該函數有兩個參數event和queueSizeLimit。

    onError :當上傳過程中發生錯誤時觸發。該函數有event、queueId、fileObj、errorObj四個參數,其中前三個參數同上,errorObj對象有type和info兩個屬性。

    type:錯誤的類型,有三種‘HTTP’, ‘IO’, or ‘Security’
    info:錯誤的描述
     

    onOpen :點擊上傳時觸發,如果auto設置為true則是選擇文件時觸發,如果有多個文件上傳則遍歷整個文件隊列。該函數有event、queueId、fileObj三個參數,參數的解釋同上。

    onProgress :點擊上傳時觸發,如果auto設置為true則是選擇文件時觸發,如果有多個文件上傳則遍歷整個文件隊列,在onOpen之后觸發。該函數有event、queueId、fileObj、data四個參數,前三個參數的解釋同上。data對象有四個屬性percentage、bytesLoaded、allBytesLoaded、speed:

    percentage:當前完成的百分比
    bytesLoaded:當前上傳的大小
    allBytesLoaded:文件隊列中已經上傳完的大小
    speed:上傳速率 kb/s
     

    onComplete:文件上傳完成后觸發。該函數有四個參數event、queueId、fileObj、response、data五個參數,前三個參數同上。response為后臺處理程序返回的值,在上面的例子中為1或0,data有兩個屬性fileCount和speed

    fileCount:剩余沒有上傳完成的文件的個數。
    speed:文件上傳的平均速率 kb/s
    注:fileObj對象和上面講到的有些不太一樣,onComplete 的fileObj對象有個filePath屬性可以取出上傳文件的路徑。

     

    onAllComplete:文件隊列中所有的文件上傳完成后觸發。該函數有event和data兩個參數,data有四個屬性,分別為:

    filesUploaded :上傳的所有文件個數。
    errors :出現錯誤的個數。
    allBytesLoaded :所有上傳文件的總大小。
    speed :平均上傳速率 kb/s
     

    相關函數介紹

    在上面的例子中已經用了uploadifyUpload和uploadifyClearQueue兩個函數,除此之外還有幾個函數:

    uploadifySettings:可以動態修改上面介紹的那些key值,如下面代碼

      $('#uploadify').uploadifySettings('folder','JS'); 

    如果上傳按鈕的事件寫成下面這樣,文件將會上傳到uploadifySettings定義的目錄中

    <a href="javascript:$('#uploadify').uploadifySettings('folder','JS');$('#uploadify').uploadifyUpload()">上傳</a>

      uploadifyCancel:該函數接受一個queueID作為參數,可以取消文件隊列中指定queueID的文件。

      
      $('#uploadify').uploadifyCancel(id); 

     

      好了,所有的配置都完成了。下面說說我遇到的一些問題。 span style="font-size: 18pt;"> 可能遇到的問題   1.我剛開始配置完成后,并不能正常工作 ,flash(uploadify.swf' )沒有加載。后來我查看jquery.uploadify.v2.1.0.js發現該插件是利用swfobject.js動態創建的FLASH,后來我單獨做試驗還是不能顯示flash,無耐之下重啟電腦后就可以了。暈倒~~~  2.FLASH終于加載進來了,但上傳又失敗了。報IOError,如圖:  

      

    百思不得其解,翻遍了各大網絡,終于在國外的一網站看到了這么一句using System.IO; 添加之豁然開朗!!

    暫時還沒有遇到其它問題,后續發現問題再加。

    posted @ 2012-11-20 11:41 askzs 閱讀(1158) | 評論 (0)編輯 收藏

    我要啦免费统计
    主站蜘蛛池模板: 思思久久99热免费精品6| 亚洲av日韩av高潮潮喷无码| 成年女人视频网站免费m| 最近中文字幕国语免费完整| 免费一区二区三区| 久久免费视频观看| 国产精品免费无遮挡无码永久视频| 最近免费字幕中文大全| 国产午夜成人免费看片无遮挡 | 亚洲爽爽一区二区三区| 亚洲高清无码综合性爱视频| 亚洲Aⅴ无码一区二区二三区软件| 亚洲av区一区二区三| 亚洲精品黄色视频在线观看免费资源 | 亚洲最大的视频网站| 亚洲第一页中文字幕| 91嫩草亚洲精品| 亚洲AV无码精品蜜桃| 亚洲日韩中文字幕一区| 亚洲日韩精品无码专区| 美女裸免费观看网站| 亚洲免费视频一区二区三区| 三根一起会坏掉的好痛免费三级全黄的视频在线观看 | 91在线精品亚洲一区二区| 久久水蜜桃亚洲av无码精品麻豆| 亚洲小视频在线观看| 亚洲综合色区中文字幕| 亚洲精品国产第一综合99久久| 瑟瑟网站免费网站入口| 97在线视频免费公开视频| 99re6在线精品视频免费播放| 日韩欧毛片免费视频| 在线看片无码永久免费aⅴ | 十九岁在线观看免费完整版电影| 亚洲一级免费毛片| 成人免费福利电影| 亚洲午夜精品久久久久久浪潮 | 亚洲av无码天堂一区二区三区 | 午夜小视频免费观看| 亚洲国产成人精品女人久久久 | 四虎国产精品永免费|