jquery上傳插件(uploadify)的使用

已經很久沒寫博客了。今天乘着有時間，寫一下，回味一下！不廢話了。let's go

作為jquery的粉絲，jquery提供的插件很多，今天就介紹一個。

新建web項目：UpdisFile

添加UploadFile文件夾，然后再UploadFile文件夾下面添加子文件夾Upload，作為上傳的文件夾使用

添加完后就可以導入需要的jquery上傳插件

在default頁面中加入所需要的腳本，這里需要引入的腳本和樣式文件要仔細點

這個就是需要引入的腳本，請大家引入的時候仔細點啊。

下面的工作就是編寫jquery的加載腳本了

 <script type="text/javascript">

    $(document).ready(function () {

        $("#uploadify").uploadify({
            'uploader': 'UploadImg/uploadify.swf',// uploadify.swf 文件的相對路徑，該swf文件是一個帶有文字BROWSE的按鈕，點擊后淡出打開文件對話框，默認值：uploadify.swf
            'script': 'UploadImg/ajax/UploadHandler.ashx',//處理上傳的一般處理程序
            'cancelImg': 'UploadImg/cancel.png',//取消的圖片文件夾位置
            'folder': "UploadFile/Upload/",//上傳文件夾位置
            'queueID': 'fileQueue',// 文件隊列的ID，該ID與存放文件隊列的div的ID一致
            'fileExt': '*.jpg;*.gif;*.png',//設置可選擇文件的類型
            'fileDesc': 'Image Files (.JPG, .GIF, .PNG)',//允許上傳文件的類型
            'buttonText': 'Choose',//選擇文件按鈕的值，這個可以自定義
            'auto': false,//設置為true當選擇文件后就直接上傳了，為false需要點擊上傳按鈕才上傳
            'multi': true//設置可上傳多個文件，false為單一上傳
        });
    });
    </script>

這些我都加了注釋，在API中也是這么描述的。

下面是HTML代碼

<div style="width:800px; height:auto;margin:0px auto;"> 
        <div>
            <h3>
                上傳圖片</h3>
        </div>
        <div id="fileQueue" >
        </div>
        <div>
            <input type="file" name="uploadify" id="uploadify" />
            <input style="vertical-align: top; height: 30px; background: #535353; color: White;
                font-weight: bold; font-size: 13px; cursor: pointer;" type="button" name="uploadify"
                onclick="javascript:$('#uploadify').uploadifyUpload()" value="上傳" />
            <input style="vertical-align: top; height: 30px; background: #535353; color: White;
                font-weight: bold; font-size: 13px; cursor: pointer;" type="button" name="uploadify"
                onclick="javascript:$('#uploadify').uploadifyClearQueue()" value="取消上傳" />
        </div>
    </div>

到此就是這么多了。現在就可以運行了。 

因為本人測試了很多個瀏覽器。發現谷歌對於上傳選擇文件的類型是不支持的。所以我感覺有的納悶，不知道各位大俠們有沒有遇到這個問題，如果有其留下言啊。

這是谷歌瀏覽器的選擇文件，就是這里有點納悶

火狐是正常的，其他的瀏覽器都是可以的

http://download.csdn.net/detail/mryanghenglian/4657375