這裡只講一些問題的解決

1.如何解決中文字亂碼

使用屬性buttonImg將flash檔案設定為圖片,再使用div當背景

 'buttonImg': '../JS_Upload/mutiImport.png',

  <td colspan="5" align="left"><div style="background:url(../JS_Upload/mutiImport.png); width:110px;height:23px;"><input type="file" name="uploadify" id="uploadify" accept="image/jpeg"  /></div></td>
 

2.介面顯示的時候flash載入很慢

解決:

這個使用一個div將div的背景設定為buttonImg一樣的圖片背景就行了

<div style="background:url(../JS_Upload/mutiImport.png); width:110px;height:23px;">

<input type="file" name="uploadify" id="uploadify" accept="image/jpeg"  /></div>

效果:

3.後臺接收中文引數的時候會亂碼

解決:

在ashx處理前將編碼轉換為utf-8

context.Request.ContentEncoding = Encoding.GetEncoding("UTF-8");
context.Response.ContentEncoding = Encoding.GetEncoding("UTF-8");
 

4.一次性上傳多個檔案 但是如果部分成功部分失敗 想匯出成excel應該怎麼做?

提供一種思路:

由於此控制元件每上一次就會自動呼叫一次後臺處理方法,需要在後臺先把錯誤資訊拼接到前臺隱藏控制元件裡

然後在onAllComplete方法裡把錯誤資訊拼到form表單裡 最後提交form表單到達處理頁面,由處理頁面將錯誤資訊匯出excel

需要注意的是,提交表單的時候最好使用iframe,不然介面條件會被重新整理掉

 $("#uploadify").uploadify({
                'uploader': '../JS_Upload/uploadify.swf',
                'script': '
 
[email protected]' + $(HEAD_STR + "HF_E_COMMERCE_CODE").val() + "@" + $(HEAD_STR + "HF_LOGIN_USERNAME").val(),
                'cancelImg': '../JS_Upload/cancel.png',
                'folder': 'UploadFileTemp',
                'queueID': 'fileQueue',
                'auto': true,
                'multi': true,
                'wmode':'transparent',
                'height':25,
                 'width': 130,
                'buttonImg': '../JS_Upload/mutiImport.png',
                //'buttonText': '瀏覽', //按鈕上的文字     
                'queueSizeLimit': <%=SFDZ_MAX_UPLOADED_COUNT%>, //上傳佇列的最大長度
                // 'sizeLimit': 1024 * 200, //最大200KB
                'fileExt': '*.jpg',
                'fileDesc': '請選擇jpg格式',
                'simUploadLimit': '1', //一次同步上傳的檔案數目  
                'onAllComplete': function(event, uploadObj) //多個上傳
                {
                    //alert("上傳完成!");
                    document.getElementById("uploadForm").submit();
                    clearErrorMsg();
                    hiddenLoadingDiv();
                },
                'onQueueFull': function(event, queueSizeLimit) {
                    //如果超過上傳佇列的最大長度 取消上傳
                    $('#uploadify').uploadifyClearQueue();
                },
                'onProgress': function(event, ID, fileObj, data) {
                    showLoadingDiv(); //鎖屏
                },
                'onComplete': function(event, ID, fileObj, response, data) //單個上傳
                {
                    var obj = eval("(" + response + ")");
                    //alert(obj.error_code);

                    //錯誤程式碼 100檔案大小不能為0  
                    //         102 檔案不能超過xx 
                    //         103檔名不正確  
                    //         110 檔案上傳失敗 
                    //         120檔案上傳成功
                    //         105 該訂單不屬於當前電商
                    var hid_error_code_100 = $("#hid_error_code_100").val();
                    var hid_error_code_102 = $("#hid_error_code_102").val();
                    var hid_error_code_103 = $("#hid_error_code_103").val();
                    var hid_error_code_105 = $("#hid_error_code_105").val();
                    var hid_error_code_110 = $("#hid_error_code_110").val();

                    switch (obj.error_code) {
                        case "100":
                            //alert(obj.error_msg);
                            //alert(hid_error_code_100);
                            if (!checkIsNull(obj.error_msg)) {
                                $("#hid_error_code_100").val(hid_error_code_100 + obj.error_msg + "、");
                            }
                            break;
                        case "102":
                            if (!checkIsNull(obj.error_msg)) {
                                $("#hid_error_code_102").val(hid_error_code_102 + obj.error_msg + "、");
                            }
                            break;
                        case "103":
                            if (!checkIsNull(obj.error_msg)) {
                                $("#hid_error_code_103").val(hid_error_code_103 + obj.error_msg + "、");
                            }
                            break;
                        case "105":
                            if (!checkIsNull(obj.error_msg)) {
                                $("#hid_error_code_105").val(hid_error_code_105 + obj.error_msg + "、");
                            }
                            break;
                        case "110":
                            if (!checkIsNull(obj.error_msg)) {
                                $("#hid_error_code_110").val(hid_error_code_110 + obj.error_msg + "、");
                            }
                            break;
                        default:
                            break;
                    }
                }
            });
        });

    <form action="Frm_Action_SFDZ.aspx?DoType=ExportHWC_SFDZ_ERROR" name="uploadForm" id="uploadForm" method="post" target="Action_frame">
            <input id="hid_error_code_100" name="hid_error_code_100" type="hidden" value=""  />
            <input id="hid_error_code_102" name="hid_error_code_102" type="hidden" value=""  />
            <input id="hid_error_code_103" name="hid_error_code_103" type="hidden" value=""  />
            <input id="hid_error_code_110" name="hid_error_code_110" type="hidden" value=""  />
            <input id="hid_error_code_105" name="hid_error_code_105" type="hidden" value=""  />
  </form>

 <iframe id="Action_frame" name="Action_frame" style="display:none;"></iframe> 

5.如果新增一個帶滾動條的效果

提供一種思路:

在開始執行上傳的時候開啟一個層遮住,在onAllComplete執行完畢時關閉層

 'onProgress': function(event, ID, fileObj, data) {
                    showLoadingDiv(); //鎖屏
                },

 'onAllComplete': function(event, uploadObj) //多個上傳
                {
                    //alert("上傳完成!");
                    document.getElementById("uploadForm").submit();
                    clearErrorMsg();
                    hiddenLoadingDiv();
                },

6.如何在超過一次性上傳個數限制的時候取消上傳

提供一種思路:

在onQueueFull方法裡呼叫取消方法即可

  'onQueueFull': function(event, queueSizeLimit) {
                    //如果超過上傳佇列的最大長度 取消上傳
                    $('#uploadify').uploadifyClearQueue();
                },