2016-11-01 15 views
-1

私はここで壁に当たった。私は何をしているのかわからない、バー! jquery ajaxがリモートサーバーからgifイメージを要求しようとしています。 私はそれがやっているべきことをやっていると思いますが、今どこに行くのか分かりません。リモートサーバーから画像を取得するためのajax

function showGetResult(name){ 
     var result = null; 
     var URL = name; 
     $.ajax({ 
      url: URL, 
      type: 'get', 
      dataType: 'html', 
      async: false, 
      crossDomain: 'true', 
      success: function(data, status) { 
       console.log("Status: "+status+"\nData: "+data); 
       result = data; 
      } 
     }); 
     return result; 
    }; 

私はそれが私にこれをスローしたGIF画像データを取得...

GIF87adさd T: これは私がサーバーからデータを取得するために使用している機能です| F $ xtcS Ǫ$ z<。、dYT 〜d l wted TFD DO:TNC、%$ L =5Ķ 4 〜| '$ nTDFT?| e SのչsvtR < n]はLJCĨzdtn\D2<><̰�d^VdRE�°$LbdlWD�ua�~p�zp���|vlLC;4%<2-\N<L2 tnl"$��jD>,,:$T>+�zY���D95,������4BLl~t��̌��435\\ || $、$ \fldJL¼t^δ dbl μ tjeTJE0JD L> +、:4 T> 44:D <) | ZD 〜y Ƭ zhܾ Ҽ - [ D2- z\ | $ "lbX sD7+ z4+ $ lYU l vl lR $ D0#\QL 〜、 ||^P4-、 u̪ |oalRF o | oo $#$ lfd DBD \ VTdWLsdtYDTE < \のdI < TJ ITE \ʴ\ FDԶのL> D | L9、64ztԾ| F \\ F < TfdlYLLFD \ OD42、| JY \ J; L^L *、D>:L^U、ZM>、| JE \ JD、 DD/ @ B ڞx 1 A hg p. c [email protected] "5N a! qbk-ĊFHhP1SΞ1ML& Yɢ4 V#のH v�SF�T�,�'֩eg��ɖm�>>!~�{�O7F$���S�O�l\;�C�/?��*���1&�M�b��4ZӼx!DH���' M��=&�b�<n�7V-�^�ʒ�����⃯�_���Hp��=�<_�cD��q����)K�o���9�-˼,\XUUyp�K1� \ BP S <ڵ\ 0 BX2 & | {bMで:BTfzH �;����=?�q�������U �2���/�E_TTH-�QH�0(��@!r��]y����lc��p��1��O?��=�����8&����Pq�Ў/�,p�)M���1�5 U * H @ N !\ { FHsaE6M &:ю6L& @B \;Ԏ< .2k qL d U. f 0S%R !! &! $ 9Qow IW< {`B qp 6 @FOc X N> 2 { q /b AO c & M; d - l/ ѻ"�C��P_͋]�Ņ���=�x�A����U�K��J�S;�#�b���67�VL�Ci�@������K�������&�&;������|8L-{x� ��;:�B�4i4�2� ��F䃱����H&2�kq� {��Y��6Cm���W���0��.D7�S � ��Z�8����ao�T�;!Dn�*{�ю ��'&�p �K1�pM�d-�� ڸ���3� ܞ{l�z��b�.�� ~I�B ��5$�)]�E=�P�%.!����:�� ���9�qN|@0p�<��<��c�0!h�!?8B_�a at�k���%����h!3\0����[email protected]�#��h� �}1�.�H]��q�ax��X� �p��@:D� .D��j�(��P+?� �a�d�WJ���)�� ��Y̘03&M ��0H�$4���lƯxH�p�MG*� �a��8�Ae���1� G 01 P ; ZxlP^Fそれ�+Br�(��lH�b�EZ�%!� A�1�W#���A�0��50�03+8�S�}�_}@���ҡ�7xG;���)<�.�� 1�ڜ���a0I$A�t�ͬ��u��A�<So�t��Qo,Gn l��g �tЋ3CY�����_�� U0=�!�� GL! & LVILC1Mの$ p)はCܰN \? LFT Pؘ/ Z mを��� ���J6�^�?x�� UTY%)IHP ,, - !I = $%(V'8wpcbюi & hbqmiD @ - $>ԃ$Α> BP7←%、 > 、 K< a|! Kl < ] ) Z+ x �4Lb��PO̠��E>���!��C1n����P *0 \t��MT"�0�e�Ŕ�����,: ��MLY]��X�@ ILジャー< DST〜。Â@.N8ʸ+������Aa&��ƚ��=�2�r����֨�X� ��M�@��!u���0+6�� (c����a�#̀�G+ġ��B�80�3��J��E~a��)�ˠ.�Q4[D�l�B5~� �XH�]��vV m��(�C1t!��aCɘ'���k�qМ ����>�#���-� UhP���6��TA5�Flgj+# u}�^��&8�xJ�����6_�[email protected]"���� ����&D� 5��$/�� !xC,聇}���F1�q�v��xw�Z0�3����F,� e�A] U� $ SFF1、 . ˥ + j d ! *��|�p� 6T !# 6����T�{�8|Und���QlP]y��䁗�,�y�ȩ���I$����5��H�=|��He=���7V�P��a�A������)TJ�����1�� o�n�0 ��@�� %I1y�[email protected]�I��!9p~�:J��.q\��@{�� (� ��� ��|��p�b [email protected] M0T!Ӑg :p = Lp [email protected] eu7�R&3�P83�D= � ����R =n p 3 1 : [email protected] 2b0 。 B:PのP @ W〜( :bp50 S @のY 0W} I00y2c3bJ @ 9E〜R! S$k' (3 Ő 2( WB Jd u o t dؗ)�t��IG��0XY���E/�D��� , Ѡ ܰ�$�� �Vn�A, 8���[email protected]����� b%�L��O��z]1 }�Hw��W2�c��4�l !?�� �h�V��,�SiA�pU�n� b�ipF�<�p�P ��uo��� aNq\ _p \ V[ H XfL hk9 >I /4n [email protected] Pc C[t { 、 p? b& RP1 PK5 ! } DW4aNh1buʀ:?3Ypé X0ڠトンD7 D0 &)} @ E7} PR '!!L!9 Ppの< QڠP4P?X s BA�[email protected]@���� �� j�L�C E�D�i)�Eg��W�_��z~� �$�a� _P,] TI $ @ 9 HJ 1 Иg sg |?Z P = @ 9,01 A#pCV0Y0 L({ ](}व q ֙JEG 〜 0 ͐] y( oP @?@#iЕn P $ {G 0D:} Tジェズbzd !�� 90P \ + P(AI P {nPの^ �[���ɟ��� ����DE�P�X��� 80� O��+ �/G � ��p��Ve������:�={�� + N2" P、W、���pi�[4ɰʊYQ nP hak pe x } [email protected] 0 Z H ::0_y ; pM U 4 } @:〜PZ0 H%7J RPの+:TPTO JݩP J 0FȺE'y< HpZP#ZP電子 0SͰ8PJ 〜 9 0 b{|0 "j �Y-�� {��0� ������@� �F���8�pܻ�;�$�7���pP��� �<�����Ee�b� � �����g(�=�*�u#�p��b��p-P+ZP�� o g��)0a�P�R��Pa�0"�%,�[email protected]�~ J

A + h7V〜00ʰ〜נD ?P JQ

/Uيв< 4E $}(I7ѰnP]# |!0cSaa ZICɰ7Pqp70E @ L9 Pb5 re HϽ @I�@aׇW�KI} � u��u�@~�]�LX�Z~ � x��}ܓ$�����%�\�P���;7�*[email protected]� ���7 Fp-p& P PF0 % &mJ] [email protected] 0 p. | * P: bpky= R? l 1 $ g、 q W「S; F + @ɀ Vpを〜Q9 0P

Jyが@ I8 �{A������0J�u�7�Z�܀ k:d]��{]0�n�1&cq �!W г9 9E؆4 F 1T | @b & S9 & P27�(adF���}�G0� 0.�Zp�����{�� +���|@inp 8ˁ\N :h�k�p�O\n&p#�P\���(����YV��Pސ@4���h&�K=,N�惯e���X�G (���е2��p��8�k�pb=��� �Y2Ӱ��������-Uv�@��Ub FIsO�)�9X,��x|1���l�[email protected]Ǜ����P(���C��C2�/�������G�ǐؐ��+��*�U0�R 5 I 2�x��!( U4J〜JS4гHԂ[email protected]〜 %。のRu-私は$ 5規定OをՑ?qk7Xm6 &!MX /Nť0h」& PHP #Gң $kF jC?pn iv1 ; u Gb3������Y3�9j��c�'U��؋3o_�~��86O1�������Dq��V�a�^���>�r� Ǐ,2( 1D�,�4�)�'��j("�8r#�C��F�v�ZRs�6#-LL�����4.���b����R�����u��GB-�a,�� V--�p ? < + B " j e#?& | W b Azθ 、 �,�)�+�a�I�e [email protected] H T͏a ���d�E-��".��hf��<L�B�.԰�a�&"?�k�7��A�w��G_ޙ�g�yԀ��b^P���(&�a�&B8�?�j��h&(N��.�#P � ����.�(L�b�^�t = p + @ rGを} H4pCh#TT8ワット?N( \ Y $ qを!C}CA @^J &〜P VY & FphApdYǏx2 & J =!Õxq#5 Gގ ###〜〜~ V? YZX | Q^[ボーގ〜@ VP [3QG1x6" |!Xл 777 、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、, , Z [email protected]_G J S/$c ! >LV o r v BK U Lh > w e。 P @z 2 @@) * HY34> C」萃IYする$ F *?!蒌DlYE * È ] b!6 ��7��'fpp�) ^@�B(%"7� *�2�#*��s YJ��H�B��dܠV:B2<�JT�V yK�6d^0EeH�FGj�n��)F��8x� 7p ޠ B^Rc!X d be Wԃ% [-18 DI% AP P w b _4 |A A% t! A U-⑐ R! yծ!Bj # 3 B C /B L ! 8D = CZ (W 9 )5 fL 7 H !҂= B 時間[r1gpqyQd |KҖz\ kの "RzはGE、 bUhbn :\ PZ0i「T + Dn8K-4̊zs:!Lを[1JtЛ+ T I jQの 、 ^h ! C-zG k "+ @ FP (^) ; P70D |] U "CZ \ A 3J Ƃ7 m+ |( X、Q��Y�+H�m!B�u���%R]�V�K�� �;B�+FRwg�@�V��,r���[��DC�Vg�P>��OCB=" .� c 0y �*@�Co8n-B����"D4,3�!(@Bo�s%m�����c��:Go"��0��x�g�pG-f�����(h�P��0P�@�P�?���-�G0�� �)�\@4~��*r�h|�@�>��sզ+h�R�܀t�Tz�t�B|���X-tP ���BZd���=��/��]LBbL�PVP� �L"i"���&b&�l�Â�Ɋ�A-��2$�,��&0j�����[�BB�w���0��5����-B)j > BL M7〜@($ Bnと��f���D: .mMn〜XC7hӪ[ {@:0 0mU「PHyjvA + 2hY TAHの@ L-D !/ $。 VRDPR \وٴ〜Q & E9I」W# たhM + ??D80 _P3をrC> 8(L NAB F1; ���)Ra� !P �2%����d�� ��d'��+�C�U7�m���U�����0 "�|�8j�P��kp�2��Z��h�h+ ���?(��yH\Ќ���;p�#�Mh�= �hY��ځ[email protected]�(Mx�ZH#���p8��J0�%�_�?�� � 3h8(58�����t�X8����7Plh�whfh�}��S؂��-�� ��a�7�H�cЂ2p�K�d���u��h$P�"�a7����#X8��+� K�;� ��8�|hz`���8�@�m�X�t(�w�lP�S0� 0��U� Z�$x ��p((�ɩ��I2M`0Ě��;�"B��b��=���)�C�v �Ʉ'�#0��jȅoІs�6��9�zp�W��"�mX�Z�0��N�zx�� p&8��c\p0��\���)� ����� �x�%���A��R�F�Ћ���3��7�8j�Zk�?��3(I>p����[email protected]<z(@>^���@� �e�C\�X�bx���0 ��8���0?B�#(�#�`Ѝ����F (�,h�z� �Xh��"�J46Ȃ7���8�h�@.H U{jU��#��8��>ȃU�](�y���X��v��x�@ �L��[email protected]蒈d��� � ���A�N�I�w� q��2���V "|p����mH��j{ �7x.P>{��~�j�_X�0��3X�b؂��}��qx�*�7�L�/ �H^�.�M�����4��^��I\�pH2��� ���f�E ^��;��%��}��ڃ.�� ��v�vh1�NX�2�+��,P ��x� ��(��1 �x @.�tܜ��"�0I��i��k��?8 @UЁ���8+ A8#1xh2f & i3q1pS QH〜8 \ Qjを@ h8xL | Z) )@ x4RM = L5 |?OY J8hH $hЄYbJȁ0 IJ & 0qq06J 2(U0 @?!Prpȁ2= S 8ワット( JL |#w��bȂ3h�y �c�S��X:|�wP�S�ոF+�N�i�0�\xd4 �;hx�kxZ�+J/F���H����A�^�� 18�ȇq�8�@mP{��!P���[�e��_؇JO���lq� �1�0-h�k8n��?�0�%8� Xのjȇ; HVQ + rJmPA |# B @w (& { =8 008 l 8 fh th m�mA�K�����3؆v0�,P�I(��X��v�h�J��'�[email protected]��)M�[email protected] %)l 「i4O؃] HL(7,0^Q

_H^�\�Myj8l��j�+P�_�@�?(�4���08bw�p��8�k��W�]!˦�[email protected]��1q�� ��w�;mh�lȂ"��z�e��\x[ ����eP�^��� I @} XM & 8i8 | | | | | | | | | | | H K WȂb 7 +h = 7 } [@ w qY$R ymC Xp zh [p s 50 | @݃ $ 80Jh2Hц2& WqQ/`> 8zh、֍電子の\のHXЁ l j P0 H 1 G [ c 、8 "t7" | 8 n 9 0U XO 1 < 0Jȃhzhw҆)?2ɁXwPIX のld @ 1 zރ ;

これは何で、私はそれをどうするのですか? Thx。

+1

任意のidを持つdiv要素を作成します( 'div_image。 ')この$のように追加したHTML(' '。 );この行はajaxの成功である必要があります – JYoThI

+0

@JYoThI GIFで、PNGではありません – naomik

+0

なぜあなたは 'async:false'を使っていますか? – naomik

答えて

0

var data_received = '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'; 
 

 

 
/* PUT THIS INSIDE AJAX SUCCESS */ 
 
var img = $('<img id="image_id">'); 
 
img.attr('src', 'data:image/png;base64,' + data_received); 
 
img.appendTo('#image_div');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="image_div"> 
 
    
 
</div>

ない答えが、提案。なぜ、AJAXリクエスト(症例画像のどこかでホストされている)で、単に画像のURLを取得し、imgタグにsrc属性としてこのURLを使用していません。

$.ajax({ 
     url: URL, 
     type: 'get', 
     dataType: 'html', 
     async: false, 
     crossDomain: 'true', 
     success: function(data, status) { 
      console.log("Status: "+status+"\nData: "+data); 
      result = data; 

      /* creating image assuming data is the url of image */ 
      var img = $('<img id="image_id">'); 
      img.attr('src', data); 
      img.appendTo('#id_of_element_where_you_want_to_add_image'); 
     } 
}); 

それとも、AJAX応答でエンコードされた画像を取得している場合は、あなたが使用することができます。

$.ajax({ 
     url: URL, 
     type: 'get', 
     dataType: 'html', 
     async: false, 
     crossDomain: 'true', 
     success: function(data, status) { 
      console.log("Status: "+status+"\nData: "+data); 
      result = data; 

      /* creating image */ 
      var img = $('<img id="image_id">'); 
      img.attr('src', 'data:image/gif;base64,' + data); 
      img.appendTo('#id_of_element_where_you_want_to_add_image'); 
     } 
}); 
関連する問題