Question

我正在使用FineUploader，并想出了如何将图像上传到服务器。

$(document).ready(function() {
  $('#fine-uploader-gallery').fineUploader({
    template: 'qq-template-gallery',
    request: {
      endpoint: "./vendor/fineuploader/php-traditional-server/endpoint.php"
    },
    deleteFile: {
      enabled: true,
      endpoint: "./vendor/fineuploader/php-traditional-server/endpoint.php"
    },
    chunking: {
      enabled: true,
      concurrent: {
        enabled: true
      },
      success: {
        endpoint: "./vendor/fineuploader/php-traditional-server/endpoint.php?done"
      }
    },
    resume: {
      enabled: true
    },
    retry: {
      enableAuto: true,
      showButton: true
    },
    thumbnails: {
      placeholders: {
        waitingPath: './node_modules/fine-uploader/jquery.fine-uploader/placeholders/waiting-generic.png',
        notAvailablePath: './node_modules/fine-uploader/jquery.fine-uploader/placeholders/not_available-generic.png'
      }
    },
    validation: {
      allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
    }
  });
});

现在，当用户刷新页面或最初加载页面时，我希望指定文件夹中的图像显示在上传区域内。我怎么能这样做？

Answer 1

是的，你可以这样做。只需启用"initial files list" feature并确保您的服务器使用正确的JSON数据响应Fine Uploader发送的GET请求。例如，如果您希望在初始文件列表中表示某些文件服务器端，并且您希望Fine Uploader将{GET请求发送到/my/server/initialfiles的端点，则您的配置看起来像这样：

var uploader = new qq.FineUploader({
   session: {
      endpoint: '/my/server/initialfiles'
   }
})

...并且您的服务器对此请求的响应将如下所示（假设只显示一个文件）：

[{ "name": "foo.jpg", "uuid": "7afs-sdf8-sdaf-7asdf", "thumbnailUrl": "/my/server/foo.jpg" } ]

如果没有要为文件呈现的图像，则可以省略thumbnailUrl属性。

使用FineUploader，我可以使用指定文件夹中的文件预填充上传区域吗？

1 个答案: