Meteor JS图片上传和显示答案

【问题标题】：Meteor JS image upload and displayMeteor JS图片上传和显示
【发布时间】：2015-05-17 01:53:03
【问题描述】：

我正在尝试构建一个带有管理员页面的电子商务网站，管理员可以在其中上传某些产品的图片。我希望 Meteor 将这些图像上传到一个文件夹，然后在该产品的产品页面中显示这些图像。

我知道通常客户将使用的图像文件应该在“公共”文件夹中，但我想知道更多关于我可能有哪些其他选项。

此外，如果我将新文件上传到“公共”文件夹或删除“公共”文件夹中的文件，网站会自行刷新……这取决于什么是好坏参半你追求的效果......

这是我的问题：

非常感谢您的帮助

【问题讨论】：

【解决方案1】：

在 MongoDB 中将图像存储为 base64 字符串也是一种方法。用于发布到 API 并省去处理其他第 3 方的担忧。

【讨论】：

【解决方案2】：

绝对不要在公共目录中存储东西 - 这会减慢启动应用程序的速度，并且一旦其中有相当数量的图像，图像上传时的热代码刷新很容易导致它崩溃。

上述任何将图像存储在其他地方的解决方案都可以。另一种选择是使用 peerlibrary:aws-sdk 包将内容上传到 S3，这是我用于多个应用程序并且发现非常干净的包。

【讨论】：

【解决方案3】：

我意识到这个问题有点老了。我有同样的问题，对我有用的解决方案之一是使用meteor-upload https://github.com/tomitrescak/meteor-tomi-upload-jquery

【讨论】：

【解决方案4】：

您可以使用流星包collectionFS 完成所有这些操作。该软件包有很好的文档记录，您可以使用多种选项来存储上传的文件。 CollectionFS 还提供了在上传时进行图像处理的能力，例如创建调整大小的缩略图。

【讨论】：

您好，collectionFS 依赖于 cfs:gridfs 并且根据atmospherejs.com/cfs/gridfscfs:gridfs 正在积极开发中（2014-3-31）。它有错误，API 可能会继续更改.请帮助测试它并修复错误，但不要在生产中使用。”这是否意味着collectionFS不再可靠并且会包含错误，因为它的依赖项也包含错误？？？你还会推荐使用collectionFS吗？非常感谢。

【解决方案5】：

在处理可能是大量图像的情况时，我喜欢将存储和处理工作卸载给第三方。

在这种情况下，我的首选应用是 Cloudinary。原因如下：

存储 - 我可以将原始图像存储在我的应用程序之外。保持图像从开发到生产同步的巨大好处。
CDN - 我获得了从 Cloudinary CDN 快速加载图像的额外好处。
卸载处理 - 图像的所有处理均由 Cloudinary 处理，这不会降低我的整个应用程序的速度。
图像操作 - 我可以调用原始图像，调用只是获取缩略图，调用更改操作，即：效果 => 灰度。因此，如果上传了 1000x1000 像素的图像，我可以向 Cloudinary 请求 50x50 像素，这将返回裁剪到该精确尺寸的图像，而不是使用 CSS 来缩小巨大的图像。
灵活性 - 我可以更改图像的大小并将该精确大小返回给应用程序，而无需重新上传图像。例如，如果我的产品页面在 40 像素处显示拇指，我可以轻松调用以获取 50 像素处的相同图像。

希望这会有所帮助。 http://cloudinary.com/

【讨论】：