通過ng-file-upload訪問在AngularJS的NodeJS中上傳的圖像

我正在使用ng-file-upload框架來保存圖像。我面臨一個問題。我成功地能夠將圖像上傳到圖像文件夾中，並且圖像正在保存，如CPqc3h_zWwr_5n9xOzTBybz4.png。我試圖通過http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png在前端訪問這個圖像，但它給了我404。我也嘗試做fs.readFile（）;並將二進制數據發送到前端，但我不知道如何將其轉換回Image。我也希望瞭解MEAN Stack開發人員在世界各地解決此問題的最佳實踐。通過ng-file-upload訪問在AngularJS的NodeJS中上傳的圖像

來源

2016-01-02 Saras Arya

這是後端nodejs MEAN.js的問題。用mean.js標記你的問題。 – danial

不要使用絕對路徑的圖像參考，使用相對路徑，而不是

更改此 http://localhost:5040/images/CPqc3h_zWwr_5n9xOzTBybz4.png

，並在您的控制器或服務或工廠的參考圖像像

$ 'scope.var.imageURL ='./ images/CPqc3h_zWwr_5n9xOzTBybz4.png'`

並將其呈現給客戶端，如 <img ng-src={{var.imageURL}}

來源

2016-01-02 19:39:21

唯一的問題是...當ng-file-upload保存文件時，它只保存文件的名稱。所以而不是打開文件。它下載它。因爲它沒有擴展。那麼我如何附加一個擴展名，或者確保文件的擴展名與它一起出現？ –

國際海事組織，也許我誤解你的設置，是你使用ng文件上傳，然後顯示圖像，一旦其上傳使用ng重複 –

是的。這就是我想要的。 Ng-repeat是可選的。但我想立即顯示圖像，它應該堅持重新加載。 –

通過ng-file-upload訪問在AngularJS的NodeJS中上傳的圖像

回答

相關問題