2013-05-30 47 views
0

我想使用Fine Uploader上傳文件。我用網站上給出的例子:Fine Uploader - 上傳失敗

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Fine Uploader Demo</title> 
    <link href="fineuploader-3.5.0.css" rel="stylesheet"> 
    </head> 
    <body> 
    <div id="fine-uploader"></div> 
    <script src="fineuploader-3.5.0.js"></script> 
    <script> 
     function createUploader() { 
      var uploader = new qq.FineUploader({ 
      element: document.getElementById('fine-uploader'), 
      request: {endpoint: 'test.php'} 
      }); 
     } 
     window.onload = createUploader; 
    </script> 
    </body> 
</html> 

顯然上傳過程很好。但是,上傳完成後,我收到了「上傳失敗」消息。

我認爲我們需要另一個服務器端腳本來處理上傳。服務器端腳本'test.php'如何接受上傳?任何示例代碼提供將不勝感激。

此外,對於Fine Uploader,上傳文件的大小是否有上限?我嘗試上傳一個5GB的文件,它似乎並沒有工作。

最後,我們如何顯示上傳速度以及剩餘時間?

+0

在服務器端回購中有一個全面的php示例:https://github.com/Widen/fine-uploader-server/tree/master/php –

回答

1

你問這麼多問題

首先,你需要使用你想要顯示進度條的jquery。一個非常好的教程是here。所以我不在這裏寫代碼。

大於5GB的文件上傳受您的腳本配額及其服務器超時時間的限制。您需要檢查並允許文件上傳超時超過1小時,具體取決於您。

新的更新

至於你問的問題下面就是答案

request: { 
      // path to server-side upload script 
     endpoint: 'test.php' 
     } 

而且在test.php文件取消註釋:

// max file size in bytes (Below I have made 10GB) 

    $sizeLimit = 10 * 1024 * 1024 * 1024; 
+0

我們使用什麼「端點」?我們輸入一個PHP文件的名稱? –

+0

@ChongLipPhang我回答了上面的問題。如果你滿意,請接受答案,然後投票:) – Yogus

2

@Deonia是正確的,我想添加評論,但顯然沒有足夠的聲譽...


server-side repository上有一個相當全面的PHP示例。您會注意到handleUpload函數返回關聯數組。這是來自服務器的表示成功的響應。查看the docs on server-side responses瞭解有效內容的想法。

實質上,除{ success: true }響應之外的任何內容都會導致Fine Uploader認爲上傳失敗。

+0

謝謝,{success:true}是我一直在尋找的。 – deepwinter