Amazon s3 Fine Uploader无法从amazon S3绘制缩略图

我有一个带有精美上传器的表单，我正在加载一个初始文件列表（如上所述）

对于初始文件列表，我还返回了

thumbnailUrl

，它指向我在Amazon的S3中的文件

现在我看到Fine Uploader实际上正在向S3发出HTTP请求，并得到一个200 OK，但没有显示缩略图，这是我在控制台中看到的：

[Fine Uploader 5.1.3] Attempting to update thumbnail based on server response.
[Fine Uploader 5.1.3] Problem drawing thumbnail!

来自我的服务器的响应：

{"name": 123, "uuid": "...", "thumbnailUrl": "...."}

现在，Fine Uploader向S3发出一个GET请求，请求指向thumbnailUrl属性中指定的URL。请求如下：

curl“HERE_IS_MY_URL”-H“主机：s3.eu-central-1.amazonaws.com”-H“用户代理：Mozilla/5.0（Windows NT 6.1；WOW64；rv:39.0）Gecko/20100101 Firefox/39.0”-H“接受：image/png，image/；q=0.8，/*；q=0.5”-H“接受语言：en-US，en；q=0.5”--压缩-H“DNT:1”-H“引用人：“-H”来源：“-H”连接：保持活动”-H“缓存控制：年龄=0”

响应：200 OK，内容类型为应用程序/八位字节流

---

是否有任何配置选项的罚款上传，我失踪？这可能是与CORS相关的问题吗？

Fine Uploader在现代浏览器中使用ajax请求（

XMLHttpRequest

）在初始文件列表端点返回的URL处加载缩略图。它这样做是为了能够缩放和正确定位图像预览

在S3存储桶上需要一个CORS规则，允许JS通过GET请求进行访问。它看起来像这样：

http://example.com
得到

---

当然，您可能需要允许其他来源/头/方法，这取决于您对S3所做的任何其他操作。

Fine Uploader在现代浏览器中使用ajax请求（

XMLHttpRequest

）在初始文件列表端点返回的URL处加载缩略图。它这样做是为了能够缩放和正确定位图像预览

在S3存储桶上需要一个CORS规则，允许JS通过GET请求进行访问。它看起来像这样：

http://example.com
得到

---

当然，您可能需要允许其他来源/标题/方法，具体取决于您对S3的其他操作。

请添加更多信息，例如特定GET请求的详细信息（用于图像）根据浏览器开发工具和您返回的初始文件列表数据。@RayNicholus我用更多信息更新了问题内容类型是application/octet stream？这听起来一点也不像图像。听起来您的服务器没有提供实际的映像。内容类型应用程序/八位字节流作为来自Amazon S3的响应的一部分，而不是来自我的服务器。那么来自S3的响应似乎不是映像。如果没有S3 bucket中的示例URL，我不确定如何进一步提供帮助。否则，您可以查看Fine Uploader的调试日志和/或逐步查看代码，以了解其失败的原因。请添加更多信息，例如特定GET请求的详细信息（用于图像）根据浏览器开发工具和您返回的初始文件列表数据。@RayNicholus我用更多信息更新了问题内容类型是application/octet stream？这听起来一点也不像图像。听起来您的服务器没有提供实际的映像。内容类型应用程序/八位字节流作为来自Amazon S3的响应的一部分，而不是来自我的服务器。那么来自S3的响应似乎不是映像。如果没有S3 bucket中的示例URL，我不确定如何进一步提供帮助。否则，您可以查看Fine Uploader的调试日志和/或逐步查看代码，以了解其失败之处。这确实是问题的解决方案-另请参阅原始帖子评论中的讨论。谢谢！这确实是问题的解决办法——另请参见原始帖子评论中的讨论。谢谢！