用Mongoose查询数据时如何显示Multer上传的图像

Question

如标题所述，我想显示头像，但是它具有uploads\\\\img.jpg路径，例如，当您从数据库中获取用户信息时，如何在应用程序的前端部分显示它？

这是用户数据：

{ 
       username: 'm',
       name: 'm',
       email: 'mmerko@gmail.com',
       id: '5b64247eb03a573b2818f3c4',
       avatar: 'uploads\\img-1533289594220.jpg'
}

Answer 1

因此，首先，如果要在Node.js服务器上处理图像（或其他静态文件），则需要配置静态路径

然后，假设您使用/uploads路径对其进行了配置，并且（例如）您是在localhost:3000上运行的Node.js服务器，则可以通过给定路径访问此目录中的任何文件

http://localhost:3000/uploads/example.jpg

通过此路径，您可以使用img标签在前端显示图像

<img src="http://localhost:3000/uploads/example.jpg"/>

希望能帮助到你。

Answer 2

试试这个转到您的app.js文件并执行此app.use（'/ uploads'，express.static（'uploads'））;

原因是因为默认情况下该文件夹不可公开访问，并且您没有用于处理从该url获取文件的路由。