2013-05-20 29 views
1

我有一些FineUploader代碼,幾乎等同於開發的演示代碼:FineUploader構造器失敗

<script type="text/javascript" src="~/js/fineuploader/fineuploader-3.5.0.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     alert("A"); 
     var manualuploader = new qq.FineUploader({ 
     element: $('#manual-fine-uploader')[0], 
     request: { 
      endpoint: 'server/handleUploads' 
     }, 
     autoUpload: false, 
     text: { 
      uploadButton: '<i class="icon-plus icon-white"></i> Select Files' 
     } 
     }); 
     alert("B"); 
     $('#triggerUpload').click(function() { 
     manualuploader.uploadStoredFiles(); 
     }); 
     alert("C"); 
    }); 
</script> 

我一直有收到這個控制工作中的問題,所以我把這些警報在那裏只是爲了看看FineUploader初始化代碼是否完成。恰巧,在顯示「A」警報之後,沒有其他警報。這似乎表明qq.FineUploader(...)呼叫掛斷。我已經多次重新檢查了fineuploader js路徑,這是正確的。

如果我在try/catch中包裝問題區域,則異常狀態爲「ReferenceError:qq未定義。」它是在fineuploader js中定義的,IntelliSense可以識別它。

我錯過了什麼?謝謝。

回答

2

您的錯誤提示fineuploader.js的路徑確實不正確。檢查庫實際上是否已導入。如果您使用的是Chrome,則可以通過查看開發人員控制檯中的sources選項卡並檢查js文件是否顯示在此處。也許在JavaScript控制檯中還有其他錯誤會提供更多線索。

+0

你完全正確。 Visual Studio告訴我路徑是正確的,但在js dev控制檯中,我可以看到它有一個預先部分路徑,所以js沒有加載。解決這個問題後,控件呈現(種類,仍然需要弄清樣式)。謝謝。 – kmarks2

1

好的,我發現這個問題,所以確保fineuploader js文件在腳本之前。我的錯誤是我把所有的腳本代碼放在第一位,並在最後有庫鏈接。