Uploadify未知錯誤

Question

我不能似乎得到Uploadify（2.1.4）合作，在谷歌Chrome檢查控制檯顯示初始化過程中沒有錯誤，但是，單擊選擇文件按鈕，結果沒有發生，按下上傳按鈕結果在：

Uncaught TypeError: Object #<HTMLObjectElement> has no method 'startFileUpload' 

我不知道在哪裏看，奇怪的是這隻能說明當任何按鈕或函數被調用）錯誤，但是.uploadify（;工作正常。

我使用： - JQuery的1.7.1 - Twitter的引導（在這種情況下，託普西&模式javascript文件）

這是代碼：

<script type="text/javascript"> 
$(function(){ 
    $("#uploadPopup").modal({ 
     backdrop: "static", 
     keyboard: false 
    }); 

    var uploadBox = '<div id="status-message">Select some files to upload:</div>\ 
        <div id="fileQueue"></div>\ 
        <input id="fileUploadSelector" type="file" name="Filedata" />'; 
    var uploadInProgress = false; 

    $("#uploadphoto").click(function(){ 
     $("#uploadPopup h3").html("Video Uploader"); 
     $("#uploadPopup .modal-body").html(uploadBox); 

     $('#fileUploadSelector').uploadify({ 
      'uploader': 'static/flash/uploadify/uploadify.swf', 
      'script': 'www.example.com/script.php', 
      'cancelImg': 'static/images/uploadify/cancel.png', 
      'multi': true, 
      'auto': false, 
      'fileExt': '*.jpg;*.gif;*.png;*.bmp', 
      'fileDesc': 'Image Files (.JPG, .GIF, .PNG, .BMP)', 
      'queueID': 'fileQueue', 
      'queueSizeLimit': 100, 
      'simUploadLimit': 2, 
      'removeCompleted': true, 
      'buttonText': 'Select Files', 
      'onSelectOnce': function (event, data) { 
       $('#status-message').text(data.filesSelected + ' files have been added to the queue.'); 
      }, 
      'onAllComplete': function (event, data) { 
       $('#status-message').text(data.filesUploaded + ' files uploaded, ' + data.errors + ' errors.'); 
       uploadInProgress = false; 
       $("#uploadMedia").button('reset'); 
      }, 
      'onClearQueue': function (event, data) { 
       $('#status-message').text('Upload Cancelled'); 
       uploadInProgress = false; 
       $("#uploadMedia").button('reset'); 
      } 
     }); 

     $("#uploadPopup").modal({ 
      backdrop: "static", 
      keyboard: false 
     }); 
    }); 

    $("#uploadMedia").live('click', function(){ 
     $("#fileUploadSelector").uploadifyUpload(); 
     uploadInProgress = true; 
    }); 

    $("#cancelUpload").live('click', function(){ 
     var answer = confirm("Are you sure you want to cancel the upload?"); 
      if(answer) { 
       $("#fileUploadSelector").uploadifyClearQueue(); 
       $('#uploadPopup').modal('hide'); 
       return true; 
      } else { 
       return false; 
      } 
    }); 
}); 
</script> 

和HTML部分：

<div class="btn success" id="uploadphoto">Upload Photo</div> 

<div id="uploadPopup" class="modal hide"> 
    <div class="modal-header"> 
     <h3>Photo viewer</h3> 
    </div> 
    <div class="modal-body"> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn primary" id="uploadMedia" data-toggle="Uploading..">Upload</a> 
     <a href="#" class="btn secondary" id="cancelUpload">Cancel</a> 
    </div> 
</div> 

說明： - 甲用戶按下#uploadphoto按鈕和一個模式一ppears（在此步驟中，uploadify也會初始化） - 模式包含一個按鈕（#uploadMedia），當按下該按鈕時，開始上傳。 - 按取消按鈕（＃取消上傳）取消上傳並關閉模式

請注意，這仍然是一些原型編碼，清理仍然必須發生。

感謝您提前提供任何幫助。

Answer 1

Uploadify fails to open file browser?

這傢伙有同樣的問題，看起來像它與整個子域調用腳本的問題。 很高興能幫到你！