2012-07-25 80 views
0

我正在使用Uploadify 3.1,並且在單擊上傳按鈕時出現錯誤「未捕獲的TypeError:無法讀取未定義的屬性'queueData'」。以下是我的代碼。不確定是什麼問題。uploadify queueData錯誤

上傳領域:

<input type="file" name="file_upload" id="file_upload"/> 
<input type="button" class="batchImport" value="Upload Files"/> 

的Javascript:

$(document).on("click",".batchImportElements",function(){ 
     $("#objectDetails").hide().html(""); 
     $("#objectList").show(); 
     $("#objectList").html("<img src="images/loading.gif"/> Loading").show(); 
     $.ajax({ 
      type:"POST", 
      data:{ 
       multiple:1 
      }, 
      url:"/index.php/elements_handler/importElements", 
      success:function(response){ 
       checkResponse(response); 
       $("#objectList").html(response); 

       $("#file_upload").uploadify({ 
        "swf":"/js/uploadify-v3.1/uploadify.swf", 
        "uploader":"/js/uploadify-v3.1/uploadify.php", 
        "uploadFolder":"/uploads/", 
        "auto":false, 
        "multi":true, 
        "height":19, 
        "width":94, 
        "onUploadError":function(file,errorCode,errorMsg,errorString){ 
         alert("The file " + file.name + " could not be uploaded: " + errorString); 
        }, 
        "onUploadSuccess":function(file, data, response){ 
         $.ajax({ 
          type:"POST", 
          data:{ 
           multiple:1, 
           companies_id:companies_id, 
           file:file, 
           data:data, 
           folderPath:1 
          }, 
          url:"/index.php/elements_handler/importElements", 
          success:function(response){ 
           checkResponse(response); 
          } 
         }); 
        } 
       }); 

       $(document).on("click",".batchImport",function(){ 
        $(".batchImport").uploadify("upload"); 
       }); 
      } 
     }); 
    }); 

`

$('.batchImport')是用來觸發上傳按鈕。任何幫助,將不勝感激。

+0

batchImport如何獲得文件控件,因爲在粘貼的代碼中它沒有它? – 2012-07-25 12:25:35

+0

我現在也添加了它,以便您可以看到它。 – user1013129 2012-07-25 12:29:06

回答

0

你爲什麼在與ID file_upload然後調用與類batchImport按鈕控制上傳文件控制創建uploadify?帶有類batchImport的按鈕未作爲uploadify控件設置,因此應該引發錯誤。

// Your code 
$("#file_upload").uploadify({ 
    ....      
}); 

$(".batchImport").uploadify("upload"); 


// Should most likely be 
$("#file_upload").uploadify({ 
    ....      
}); 

$("#file_upload").uploadify("upload"); 
+0

謝謝喬希!我沒有看到我上傳了錯誤的元素。它現在有效。 – user1013129 2012-07-25 12:52:08

+0

還有一個問題,你知道如何讓uploadify上傳所有文件queud當你點擊按鈕,而不是每次1? – user1013129 2012-07-25 12:53:16

+0

我通常會將它設置爲自動上傳,所以我從來沒有處理過這個問題。如果我有時間,我可以研究它。 – 2012-07-25 13:41:48