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

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 向位于 /my/server/initialfiles 的端点发送 GET 请求>，你的配置看起来像这样:

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

...您的服务器对此请求的响应将如下所示(假设只表示一个文件):

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

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