在其帐户上上传用户的图像使用express js 创建？[关闭]

https://stackoverflow.com//questions/23039861

21-12-2019
|

题

我是 Node js 的新手，我正在创建一个简单的应用程序，用户将在其中创建一个包含详细信息的帐户，并且我在后端使用 mongodb 来存储用户的详细信息、他的姓名、电子邮件等。

创建 acccont 后，我将其重定向到用户必须登录的登录页面，登录成功后，用户将被重定向到配置文件，现在我正在使用会话显示他的名字。

现在我想要的是，我想在创建帐户时上传用户的图像，我想知道如何将其链接到我的帐户创建表单（如屏幕截图所示），同时将其保存到 mongodb。

我想在用户登录时将用户的图像显示为个人资料图片并将被重定向到其个人资料页面。

我发现了许多关于在 mongodb 上保存图像的链接，但无法获得任何帮助，我还附上了个人资料页面屏幕截图。

我怎样才能实现这个？ enter image description here

个人资料页

enter image description here

解决方案

如果你确实想将个人资料图片保存到 MongoDB 中。我建议你通过我什么时候应该使用 GridFS？

然后决定您允许用户上传的个人资料图片的最大尺寸是多少

MongoDB BSON 文档的上限为 16MB。因此，如果您的用户的整个文档总计不超过16MB，您可以使用以下命令将它们直接存储在您的文档中：二进制数据数据类型。

图像/视频/PDF/Ppt/电子表格等 - 这并不重要，它们可以以相同的方式存储。您的应用程序需要在标头中返回适当的内容类型，以便在您的 Web 应用程序中正确显示。

快乐编码..:)

更新：为此，您需要对图像数据进行 Base64 编码，如下所示：

var base64Image = new Buffer(uploadedFilesData, 'binary').toString('base64');

然后使用Mongo的存储它 BinData 类型，然后它会将其保存为 BSON 位数组，而不是实际存储 base64 字符串，因此大小不会比原始二进制图像大。当您从 MongoDB 读取数据并希望用作图像时，您可以执行以下操作：

app.get('/getimage', function(req, res) {
  db.collection.find({'imgId':req.params.id}, function(err,data) {
      var base64Image = var img = new Buffer(data.imgDataField, 'base64');
      res.writeHead(200, {
        'Content-Type': 'image/jpeg',
        'Content-Length': base64Image.buffer.length
      });
      res.end(base64Image.buffer);
  }
}

您应该展示的客户端 base64Image 数据类似：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAAVBJREFUOI2tlLFKA0EQhr+9i2J1kBDFYG91gYRA0ngpJELQ2KSwlFjYKIidlZVvIFgEXyBYaBH0ESysLATBPiRYWFgEye7eWkSimL1wyg1MM//Mx87O7ghjjCEhc5ICJQ5LRQm9/oDLqzsenl4QgAHK/ir7O5us5JatNcJ2Z73+gKOzCz6kQjguQoAxYELNwlyK89NDK9DaZrvTZTiS4LggBAYBQoDjMhxJ2p1u/DbvH59xU/MYrac0Y8Z6bJgJDaEF9FOPDdNKMev1hVrFh2XTHq9v75GwpYxnjVsH0GrW0UqhtZ52pWg16/FhjVpANu2Ngb88m/Zo1IL4MICg5FthQcmPKomGVSsFpJQopSYupaRaKUTCIr9TuZhnq76O47iTWBhqysX832EA1ze3COf78LnFDBzvRebP3BrbG2tfUx23eXKwOyvd/tH/a4nus083fKdxIODDXwAAAABJRU5ErkJggg==" />

许可以下： CC-BY-SA 和归因

不隶属于 StackOverflow

在其帐户上上传用户的图像 使用express js 创建？[关闭]

在其帐户上上传用户的图像使用express js 创建？[关闭]