如何使用AngularJS顯示圖像數據？ （奇怪的響應格式）

Question

該圖像存儲在php服務器上的目錄中。

服務：

.factory('PhotoService', function($q, $http) {
   return {
    getPhoto: function(photoName) {
    var url = dirInfo.template_directory + 'quoteCalc/images/Upload/' +      photoName;
    return $http.get(url).then(function(response) {
        return response.data;
    })
    .catch(function(error) {
        return "Photo not found: " + error;
    });
}
}
})

我使用此功能在控制器中將該工廠稱為。 數據返回正常，但格式已關閉並且圖像不顯示。

function init() {
    let photo;
    PhotoService.getPhoto(imageName).then(function(result) {
        $scope.imgstr = result;
    });
};
init();

image / response.data格式很奇怪。 我不知道該怎么辦。 我努力了：

 var blob = new Blob([response.data], {type: 'application/octet-    binary'});
 return URL.createObjectURL(blob);

和

var reader = new FileReader();
return reader.readAsDataURL(response.data);

也

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

什么都沒有。 請幫忙。

這是返回的內容：

      ExifMM*     (1 2  ï%HAppleiPhone 

6HH9.2.12016：02：09 09:00:51 R Z “ ' 0221 b v |F 234 234 0100 2 3 4''＆2016：02：09 09：00：512016：02：09 09：00：51 JM @ bSIs Apple iOSMM.h。
。 bplist00OVz 2 . Vu iX e 9 o z f l） 1 …| ygggwz oXem'@ D1 \\vW S w 8 〜H（OwboI Tp\\“ 9”. ）xNT > G $O R！i 3 d - +20 ux7 Q％+＃3''＃j ＆dY''。 7J<= | [T） qL vFEh:_*HR$hcl Q?&C*zXJ *hX_ .*3A;V-f2ubplist00 UflagsUvalueUepochYtimescale : ; #-/8: ? +0 B -$SSAppleiPhone 6 back camera 4.15mm f/2.2NW2:K RTZTbjv/$dz d 2 2016:02:09A http://ns.adobe.com/xap/1.0/<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 5.4.0"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:mwg-rs="http://www.metadataworkinggroup.com/schemas/regions/" xmlns:stArea="http://ns.adobe.com/xmp/sType/Area#" xmlns:apple-fi="http://ns.apple.com/faceinfo/1.0/" xmlns:stDim="http://ns.adobe.com/xap/1.0/sType/Dimensions#"> <mwg-rs:Regions rdf:parseType="Resource"> <mwg-rs:RegionList> <rdf:Seq> <rdf:li rdf:parseType="Resource"> <mwg-rs:Area rdf:parseType="Resource"> <stArea:y>0.363000</stArea:y> <stArea:w>0.042000</stArea:w> <stArea:x>0.969000</stArea:x> <stArea:h>0.056000</stArea:h> <stArea:unit>normalized</stArea:unit> </mwg-rs:Area> <mwg-rs:Type>Face</mwg-rs:Type> <mwg-rs:Extensions rdf:parseType="Resource"> <apple-fi:AngleInfoYaw>90</apple-fi:AngleInfoYaw> <apple-fi:AngleInfoRoll>0</apple-fi:AngleInfoRoll> <apple-fi:ConfidenceLevel>99</apple-fi:ConfidenceLevel> <apple-fi:Timestamp>2147483647</apple-fi:Timestamp> <apple-fi:FaceID>3</apple-fi:FaceID> </mwg-rs:Extensions> </rdf:li> </rdf:Seq> </mwg-rs:RegionList> <mwg-rs:AppliedToDimensions rdf:parseType="Resource"> <stDim:h>2448</stDim:h> <stDim:w>3264</stDim:w> <stDim:unit>pixel</stDim:unit> </mwg-rs:AppliedToDimensions> </mwg-rs:Regions> </rdf:Description> </rdf:RDF> </x:xmpmeta> f qL vFEh:_*HR$hcl Q?&C*zXJ *hX_ .*3A;V-f2ubplist00 UflagsUvalueUepochYtimescale : ; #-/8: ? +0 B -$SSAppleiPhone 6 back camera 4.15mm f/2.2NW2:K RTZTbjv/$dz d 2 2016:02:09A http://ns.adobe.com/xap/1.0/<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 5.4.0"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:mwg-rs="http://www.metadataworkinggroup.com/schemas/regions/" xmlns:stArea="http://ns.adobe.com/xmp/sType/Area#" xmlns:apple-fi="http://ns.apple.com/faceinfo/1.0/" xmlns:stDim="http://ns.adobe.com/xap/1.0/sType/Dimensions#"> <mwg-rs:Regions rdf:parseType="Resource"> <mwg-rs:RegionList> <rdf:Seq> <rdf:li rdf:parseType="Resource"> <mwg-rs:Area rdf:parseType="Resource"> <stArea:y>0.363000</stArea:y> <stArea:w>0.042000</stArea:w> <stArea:x>0.969000</stArea:x> <stArea:h>0.056000</stArea:h> <stArea:unit>normalized</stArea:unit> </mwg-rs:Area> <mwg-rs:Type>Face</mwg-rs:Type> <mwg-rs:Extensions rdf:parseType="Resource"> <apple-fi:AngleInfoYaw>90</apple-fi:AngleInfoYaw> <apple-fi:AngleInfoRoll>0</apple-fi:AngleInfoRoll> <apple-fi:ConfidenceLevel>99</apple-fi:ConfidenceLevel> <apple-fi:Timestamp>2147483647</apple-fi:Timestamp> <apple-fi:FaceID>3</apple-fi:FaceID> </mwg-rs:Extensions> </rdf:li> </rdf:Seq> </mwg-rs:RegionList> <mwg-rs:AppliedToDimensions rdf:parseType="Resource"> <stDim:h>2448</stDim:h> <stDim:w>3264</stDim:w> <stDim:unit>pixel</stDim:unit> </mwg-rs:AppliedToDimensions> </mwg-rs:Regions> </rdf:Description> </rdf:RDF> </x:xmpmeta> f “ }！1AQa”q2 ＃B R。 3美元。
％＆'（）* 456789：CDEFGHIJSTUVWXYZcdefghijstuvwxyz
w！1AQaq“2 B ＃3R br $4 ％。＆'（）* 56789：CDEFGHIJSTUVWXYZcdefghijstuvwxyz ？ ʌ >c E rw（f ？ tų - ） |1 I'sԓֿ $ E VzrK J }） （T W ＆ grX O ， 8 = ^} .: i。\\ .. ==＃7 F9Páǵ6 ' ^ zzs $$ u $;Uq < ？Z |O 7d。 S { J ％ 'I 8 I 8#~ #P w!olᏵr m X w ?ʬ .; 7 :u UF e" լW W y * S j 򆌜8n*A Ar| 8# ;3 ,oĺ VR Tb ^M en?&<: R 7 Ӟ 7 4ۘ wj w1 ҹ{ -[D w /p ;u ) <ێN B ?w Z ݦŊ> j J ֗Kk Zб T$ ǽz} g} h ʄ Ԫ- $ ̅ _lV %L By : k Ԥ DP6 Ҷ ؟ְt c~uc Yp[<r}ju > Fx Z K Qx ?/l T j gPx )J F 6 Q FNy G ݿ0 G & U )#aT w 6 IsYGGv ݀I ϵ,Nܠ ? z > f) Nr 듁 ֩l m h I 8#~ #P w!olᏵr m X w ?ʬ .; 7 :u UF e" լW W y * S j 򆌜8n*A Ar| 8# ;3 ,oĺ VR Tb ^M en?&<: R 7 Ӟ 7 4ۘ wj w1 ҹ{ -[D w /p ;u ) <ێN B ?w Z ݦŊ> j J ֗Kk Zб T$ ǽz} g} h ʄ Ԫ- $ ̅ _lV %L By : k Ԥ DP6 Ҷ ؟ְt c~uc Yp[<r}ju > Fx Z K Qx ?/l T j gPx )J F 6 Q FNy G ݿ0 G & U )#aT w 6 IsYGGv ݀I ϵ,Nܠ ? z > f) Nr 듁 ֩l m h I 8#~ #P w!olᏵr m X w ?ʬ .; 7 :u UF e" լW W y * S j 򆌜8n*A Ar| 8# ;3 ,oĺ VR Tb ^M en?&<: R 7 Ӟ 7 4ۘ wj w1 ҹ{ -[D w /p ;u ) <ێN B ?w Z ݦŊ> j J ֗Kk Zб T$ ǽz} g} h ʄ Ԫ- $ ̅ _lV %L By : k Ԥ DP6 Ҷ ؟ְt c~uc Yp[<r}ju > Fx Z K Qx ?/l T j gPx )J F 6 Q FNy G ݿ0 G & U )#aT w 6 IsYGGv ݀I ϵ,Nܠ ? z > f) Nr 듁 ֩l m h ？K 9 B6 1 S！2Iԃ I ） X x R Q T p9 X oz3F 5 8 f 2 w㊢ [。 L ո á j$ g X 9䵹F ^h x W [ y。; r3׾i2T = q。 { Y { t F ＃X7 v p）XpA K |d | [ Ml| G ！＃ x\\ 6wDs s t' W x i Z k β（ttaʺAZAZ /NZ > {6 ＃Y Gs （ O？ ݍJ sk＆ $ b+ <。 { R
q 9 G y06 ^KX2 9h |q 0，  } t˘`|h kir。 nz4w KR Q /：M h。

P ' } l *Պ x'3 = \\ 2 n h q Z W nؠdu ; : s - $ 7 y E jR' 1 ?: ,Rl 1 g sϥ2ʋ @R v u {X s }m % @bxR\\z f z f SXX3

Answer 1

@Phil的評論告訴我，我已經使情況變得復雜了。 我在角度控制器中創建了網址，並在ng-src中使用了該網址。 我完全刪除了服務，效果很好。

Answer 2

您上面的響應格式不是base64代碼，因此現在可以將其呈現為圖像。 即使您嘗試將響應內容編碼為base64內容，也仍然無法使用。 請檢查存儲在服務器端的內容以及返回的內容。