使用 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

是的，你可以这样做。只需启用“初始文件列表”功能，并确保您的服务器使用正确的 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如果您没有要为文件呈现的图像，则可以省略该属性。