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

Using FineUploader, can I pre-populate the upload area with files from a specified folder?

我正在使用 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']
    }
  });
});

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

是的,你可以做到。只需启用 "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 属性。