【问题标题】:Where do I store uploaded images or files in a mern stack app在 mern stack 应用程序中,我在哪里存储上传的图像或文件
【发布时间】:2021-03-20 11:09:33
【问题描述】:

我正在做一个项目。我使用 node 和 express 作为其余 api 和 next js 作为前端。

我有用户可以添加新产品的表单。

我应该将上传的图片存储在哪里?

我应该在网站文件夹根目录下创建一个文件夹uploads 还是在client/public/assets/img/ 中上传图片?

如果我在根目录下创建文件夹上传,我应该如何在前端访问这些图像?

我知道如何上传图片或文件。我只是想知道存放它们的最佳位置是什么

这是我的项目结构

Website
--------
  client
  -------
    components
    pages
    public
    styles
    ...
  server
  ------
    config
    controllers
    middlewares
    models
    routes
    utils
    server.js

【问题讨论】:

  • 结帐cloudinary.com我个人喜欢使用:)

标签: node.js express next.js


【解决方案1】:

您必须在后端目录中创建一个 Upload 文件夹。当客户端上传图像时,您已将该图像移动到具有特定名称的 Upload 文件夹中,并且该名称应保存在数据库中。 请检查这个uploadFile

【讨论】:

  • 我知道如何上传图片或文件。我想知道哪个最适合存储文件。您说过我应该将它们存储在支持的文件夹中上传。你能解释一下为什么吗?与其他方法相比,使用这种方法有什么好处?
  • 由于客户端文件夹用于前端,如果文件夹大小增加,网站将花费太多时间来加载文件。
【解决方案2】:

或者,您可以使用AWS S3 之类的存储服务来存储文件,因为在某些时候,您的服务器的存储空间将满。

您可以使用 AWS 的 js SDK 和 multer 和 multer s3 上传器来实现它。

【讨论】:

    猜你喜欢
    • 2021-08-26
    • 2018-10-08
    • 1970-01-01
    • 2021-04-20
    • 1970-01-01
    • 1970-01-01
    • 2014-01-13
    • 2018-06-09
    • 2018-06-05
    相关资源
    最近更新 更多