Açısal: görüntü alındığında görüntülenmez

Question

Arka ucunda sakladığım bir görüntüyü almak için http.get isteği yapmak üzere açısal kullanıyorum. Sorun bir kez olsun, nasıl görüntüleneceğini bilmiyorum. İşte benim kod:

Düğüm:

getImage = function(req, res){ 
    res.setHeader('Content-Type', req.query.mimetype) 
    fs.createReadStream(path.join('./uploads/', req.query.filename)).pipe(res) 
} 

Eğik

$http.get("/getImage/", {params: {"filename" : $scope.recipe.image.filename, "mimetype" : $scope.recipe.image.mimetype}}) 
.then(function(returnData){ 
    $scope.image = returnData.data; 
}) 

HTML: Ben geri geliyor ne görüntülemeye çalışması için console.log kullandım

<img ng-src="{{image}}"> 

ve bu aldığım şey:

Sanırım bu görüntüdür, ancak yine de nasıl düzgün görüntüleneceğini bilmiyorum. Herhangi bir ipucu?

Answer 1

Ne yapmaya çalıştığınıza bakın. Kullanmakta olduğunuz gerçek görüntüyü kullanmak yerine filename-url görüntüyü almalısınız <img ng-src="{{image}}"> etiketi

Answer 2

Amacınız için async image upload kullanmalısınız. Yani deffered kullanabilirsiniz nesneler: Asynchronously load images with jQuery

<img ng-src="data:image/JPEG;base64,{{image}}"> 

açısal tarafından güvensiz olarak işaretlenebilir değil Verilerin sanitization Filtre ekle kullanın Sen veritabanından bayt dizisi alıyorsanız

Answer 3

cevap "phpcoding" bakmak lütfen

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ftp|blob):|data:image\//);