用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獲取文件的路由。