Question

我想使用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的文件，但它似乎没有用。

最后，我们如何显示上传速度以及剩余时间？

Answer 1

@Deonia是对的，我想补充评论，但显然没有足够的声誉......

server-side repository上有一个相当全面的PHP示例。

您会注意到handleUpload函数返回一个关联数组。这是来自服务器的响应，表示成功。查看the docs on server-side responses以获取有效内容的建议。

实质上，{ success: true }响应以外的任何内容都会导致Fine Uploader认为上传失败。

Answer 2

你问过这么多问题

首先，您需要将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;

精细上传 - 上传失败

2 个答案: