如何将xmlhttpresponse渲染为图像

时间:2013-12-11 10:48:14

标签: javascript

如何将原始图像内容渲染为图像文件?

 function reqListener () {
      console.log(this.responseText);
    }

    var oReq = new XMLHttpRequest();
    oReq.onload = reqListener;
    oReq.open("POST", "http://static3.filehorse.com/icons-web/office-and-business-tools/zoho-icon-32.png", true);
    oReq.send();

我正在获取这样的原始文件数据

  

PNG

     

IHDR   szz lIDATxڭ y T f gz�a�dDY�(F�RQˍ�/+��&����)�1Vi4��Q��!)4*jDL�DT��+��A�f�~������& �h�r�n�{��;�w�9�|� �O��տ�5����|��������_��N:&�)�]�".*���RȵK�.[�t����bK��c��9ÀQ���L B xlݖy u X i ʱɱ q( ' ̜ }_ 7 4 ] =% b r D$ ,#+I   ƚ˗]4Ȃݧ'ϩ:G ^ \] Y 1ܸKJwq   网络ډxIhkxk90〜Wp的@HQ ��+_c &O&)ch��� x�u5���Zߥ��CL�Ĥ+�3�7�����b6��S��~ URƭ@ ����(��0�)�.��*0�f�x ��O%���#V������jD"�����|_0K�U�pң����M�J쀱D��h��&bV��1���~�1��'aaS��������������zV� ���׮��1U#�=r*M5���zK-�d��q�?�;b�n���r r�H��.�e�:�M]�6!z�y�n-)���6<ϣ��Fʫ���/���s�<��<L[���䈎=ꀑ�C�8�0�k�t��^Z/[Ȧ����C D�O$q��cN�6ez�p���*^ۺ���[BG��u�-\�z1����O�ޫE �:��?�� [B[����3XcP�<�_.ĭ�#��J��^�D�O���3�#��ᄱG�����H#&]2A�� q45t;!〜 。   Y d-$5g e 7 h[ Gl, 8I : Ci i # (-   QD1ɠ(Q#NRI(|ъ(A'hͰwBTwbW2! ?[4 * \:76ԷQX} jEAT *1KEǣ(/ AAZ)LD(d ?!?sGLq͡��Ϣ�\�s���>K���Vd]-u眎����q�\�'⤪�~���>�8���"��M^��g��<�q*�M���=�I�+�Z���U���U��O�W��i:�lE+*Ʀ9�ݕ_��]ƺ_N�շ(V�� �9��0� �;�d����)Ǟ��)sdC"E��[��k�»�_�a�V��M���2��C�=��E��� KC:ž֍7-〜I + | #W; / + ҍHxvh_?/ \ GD4〜    E V n&lt;ƃ i&gt; /}4 Y u&amp;# h Y hR p ה|) A   {澽3kWcXCY;6n͓zklg7p֭$ LAM eI4DCIi2〜Dҟ˗d5T:QFS߾GDnZ @ T ^ N hM�����)x{[��b���1��X���#W"#Њ���-����8T�a���4�MX-���7 2�L�LLJ���{O�Rs����l�e���s�x�� ���nj=�3��q�ᣉ{h�Td���h� �ر��"�t �_�g�6P P����ڂ~���~ϕ9��%b5����Dh�@1���gdU���8�!D _U�&���q��UPy6� ;���skuaC�U����{'�y��R�=��}>�$��_���f|�4V�!� �Ƣ<+��Y��q��4l�e��GC�KD�%P9���ػ����&2^�U�J\1kw̝�S������S� �*����R1�Nl�� ʍ ߎ 。/ $ N) ^ pw ޶ r x xJ &amp;W Lo !   @H; @ I#AOiwxyC7lmglf4 @ X    E :^V @ 3r z ʔC s3F5#,ͽe o 2P, /j F \TE1    O! ^   ֙#(άjCCcC͡q* HM $&LT; BRF {= R3 AL = 6U“; UB۽&安培;○}˱ս DZR%䌡      (A; | X / G'“ބ; L,B = RJ @ OH * Pa._k { ;?] @“HK G6 \lWpº&安培; = DXPؠ   J Y E :7 P[]CmA M D d {\ 郌m#0a q * pE˻VШIENDB`

如何将此内容呈现为图像文件?

1 个答案:

答案 0 :(得分:0)

这可能会有所帮助:

var img = new Image();
img.src = this.responseText;
document.body.appendChild(img);