2013-05-21 122 views
0

我有一個上傳以下基本條件:配置FineUpload實例

<script type="text/javascript"> 
    $(document).ready(function() { 
     var uploader = new qq.FineUploader({ 
     element: $('#fine-uploader')[0], 
     request: { 
      endpoint: 'server/handleUploads' 
     }, 
     autoUpload: true, 
     multiple: false, 
     text: { 
      uploadButton: '<asp:Button ID="btnFineUploader" runat="server" style="margin-right:7px;width:65px;" Text="Browse" CssClass="button" />' 
     }, 
     validation: { 
      allowedExtensions: ['mp3', 'wav'], 
     } 
     }); 
    }); 
</script> 

<div id="fine-uploader"></div> 

這將生成以下:

current appearance

現在,我至少有上載渲染我努力使其看起來/行爲以特定的方式。這裏的一些事情,我試圖完成:

  • 我不想顯示「處理丟棄的文件」(它會顯示所有的時間,甚至在我選擇/上傳文件)
  • 我不不想「RetryDeleteUpload失敗」的顯示,以
  • 我不想上傳的文件名顯示爲下面的按鈕子彈的文件名的權利,而是有權在它右邊
  • 我不想要上傳多個文件,但將限制大小設置爲1也不符合我想要的 - 我希望能夠選擇/上傳第二個文件,該文件可以替代第01個文件第一個(即我沒有收到錯誤信息,我只是替換了以前的上傳文件)

此外,這可能非常簡單,但是如何將端點連接到我的ASP.NET代碼隱藏內容中?添加一個方法「void handleUploads()」?

此外,我用asp:Button封裝uploadButton會導致IE中斷(我只是爲了得到默認的CSS樣式而做的)。

謝謝。希望我可以將其包裝起來,獲得許可並儘快部署。

編輯:是的,我已經檢查了github上的文檔,並且很多FileUploader模式的設置根本不起作用。

+0

請顯示您的所有HTML /進口。 –

+1

...我問這個問題,因爲看起來你很可能沒有在你的HTML文件頭部包含正確的文件。 –

+0

根據您在上一篇文章中的建議,我固定了我的導入(在這種情況下,'') ,現在控件實際上是渲染。此時只是將我放入'qq.FineUploader(...)'的參數進行按摩,以及學習如何在後面的代碼中鏈接這些參數。 – kmarks2

回答

1

我無法幫助您處理您的ASP代碼,但我可以指出您在服務器端示例repo中的.NET示例以及服務器端自述文件(您在遇到這種情況時應該會遇到這種情況文檔)。

您的前三個問題存在,因爲您尚未將默認CSS文件導入到文檔中。如果你正確導入,你會發現這些問題不再有任何意義。

對於您的第4個項目符號,請將multiple選項設置爲「false」,如您在上面的代碼中所做的那樣。

+0

在通過fine-updater/docs下的github頁面時,我沒有看到服務器端讀取我的鏈接?謝謝,多個作品很好。你知道如何製作(指上面的screencap)字符串「Processing dropped files ...」和「RetryDeleteUpload Failed」不可見嗎? – kmarks2

+1

上傳器加載時,它們不應全部爲默認可見狀態。您的項目中可能存在一些JavaScript錯誤,或者您沒有將Fine Uploader的默認CSS文件導入到您的文檔中。服務器端文檔的鏈接目前是[here](https://github.com/Widen/fine-uploader-server/blob/master/readme.md)。在3.6中,我將在主自述文件中包含一個更好的文檔參考部分,以便更容易地找到這些文檔。 –

+0

我看着一個CSS問題,結果發現在Chrome的開發控制檯中,我收到了一個'Uncaught SyntaxError:Unexpected token .'。這個錯誤對應於CSS文件開始的時間段:'.qq-upload {'。因此,CSS正在導入,它只是錯誤。 – kmarks2