2017-03-21 1 views
0

이미지는 PHP 서버의 디렉토리에 저장됩니다.AngularJS를 사용하여 이미지 데이터를 표시하는 방법은 무엇입니까? (이상한 응답 형식)

서비스 :

.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 9시 0분 51초 RZ를 " '0221bv | & 2016 F2342340100 23 4 " 2시 9분 09 : 00 : 512016 : 02 : 09 9시 0분 51초 JM @ bSIsApple iOSMM .H
. bplist00OVz 2 . Vu iX e 9 o z f l) 1 | yg g wz o Xem '@ D1 \ vW S w 8 ~ H (OwwboI Tp \ "9". ) xNT > G $ OR! I3 D- + 20 ux7Q의 % + # 3 "#J & DY". 7J < = | [T) L 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!"2 분기 #의 BR의 $의 3BR
% & '() * 456789 : CDEFGHIJSTUVWXYZcdefghijstuvwxyz
w! 1AQaq "2 B # 3R br $ 4 % & '(* 56789 : CDEFGHIJSTUVWXYZcdefghijstuvwxyz ? ʌ > c E rw (f ? tų - ) | 1 I' s ֿ }) (T 난 \ = # 7F9Páǵ6 : & grXO, W = 8 ^}. '^ ZS ڸ $ U $;? UQ < Z | O7dS {J %의'? I��8#~���#P�w!olᏵr��m�X�w �?ʬ�.;��7�:u�U-F�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�� G K9 B6 1S! 2IԃI) XxRQTp9Xoz3F 58F 2w㊢ [L ո�á���j$ ��g�X�9䵹F��� F B ^되는 H × [Y]? = R3 ׾ I2T Q {Y {# TF의 X7 VP) XPAK | D | [ Ml | G k .! x \ 6wDssЅ [\ & t'WxiZkβ (tta"AZ/NZ > {# 6의 YGS (O? ݍ J sk & $ b + < { R
q 9 ߱ G y06^KX2 9h | ,  } ޕ ޕ ޕ : : : : :

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� S의 XX3

+0

직접 'img'에 URL을 설정하여 테스트 했습니까? – Satpal

+0

이미지는 항상 $ scope.imgstr로 설정됩니다. 로 표시됩니다. 연결은 정상이지만 이미지의 형식을 읽을 수는 없습니다. –

+1

'$ http '를 통해 이미지를 가져 오는 이유는 무엇입니까? 단순히 ''과 같은 것을 할 수 없습니까? – Phil

답변

1

@Phil의 의견은 상황을 복잡하게하는 길 이었다는 것을 보여주었습니다. 각도 컨트롤러에서 URL을 생성하고이를 ng-src에 사용했습니다. 서비스를 완전히 제거했는데 잘 작동합니다.

0

위 응답 포맷은베이스 64 코드 아니다 , 그래서 그것은 지금 내가 그것으로 렌더링 될 방법이 있습니다. 마술사. 응답 컨텐츠를 base64 컨텐츠로 인코딩하려고해도 여전히 작동하지 않습니다. 서버 측에 저장된 내용과 반환되는 내용을 확인하십시오.

관련 문제