Question

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

以下是用户数据：

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

Answer 1

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

然后，假设您为它配置了路径/uploads，并且（例如）您是运行在localhost:3000上的Node.js服务器，那么您可以通过给定的路径访问此目录中的任何文件< / p>

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

使用此路径，您可以使用img tag

在前端显示图像

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

希望有帮助。

Answer 2

尝试一下转到您的app.js文件并执行此操作 app.use（'/ uploads'，express.static（'uploads'））;

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

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

2 个答案: