更改 img 的 src答案

【问题标题】：Changing src of an img更改 img 的 src
【发布时间】：2013-05-23 01:39:11
【问题描述】：

这是一个简单的问题，我在这里阅读了很多关于我的问题的帖子。每次有一个解决的问题，但我的问题仍然存在。

我将通过 jquery 帖子加载 image 源。页面写在php。

echo "<a href=\"#\" onClick=\"
$.post('/_test.php', {'call':'Chart_Test','ChartXml':'<xml><Name>Test</Name><Width>500</Width><Height>300</Height></xml>'}).always(function(imgdata) { $('#target').attr('src','data:image/png;base64,' + imgdata);});\" > Load Chart </a>";    

<img id=\"target\" width=\"500\" height=\"300\" src=\"\" />

帖子调用正确的函数并获取图像/png。但是使用 base64 或仅将 imgdata 推送到 src 没有成功。在 FireBug 中，标题是正确的，并且图像大小是正确的。但是如果我使用

，预览看起来像这样

base64:
�PNG



IHDR�,��֟tRNS���7X} IDATx���y|T��7��9g�}2��$dc�BEA
"*X�b�^����ۺ�Vm]n�V���.�M�[�v��[��^�}l)��B$$��>�d��,�ǆ ���9��|���̙3g��|��r��#I!$�s�$9�eI�0�
��baB���e|� %|[Bl��s-��cֺ"���j]�'dŠ/�XH���<7$�×|,+�.
 �H���A�a���c��S�>��}H~�/p���VYnֶ*����3�    !1aw�����c�n
��St��a�N�X�x$I�1V���.$I���S?�ڒ�d$a�ך�wm�NϹ�~�H����q�wdU3��p8�Fy����Ԑ�d"�H(�b���:r��3_4t]c�}�៵�~�e�+r�k^rA�I��}�^�ahhH��m�OP��r�d�z��L�lp����_�h�� ��qg��   !<�Sx
^���Ź�BB�p�����pc����>

那个——也许——小错误在哪里？

【问题讨论】：

哇，多好的图片：P

标签： jquery image post png base64

【解决方案1】：

您需要将图像数据作为 base64 编码字符串发送。您在此处粘贴的内容根本没有编码！

【讨论】：

好的...但是图像是由 _test.php 生成的，它是 mtchart 的结果。我没有改变png的可能性——我想。如果我将 _test.php 作为 src 直接嵌入，则会显示 png。但我需要发送更多数据。这就是为什么我想将 post 与 jquery 一起使用。结果应该是一样的。
我已经用现有的 png 对其进行了测试...效果很好。但是如何从 mtchart->stroke 中捕获字符串，该字符串发送带有标题的完整 png 等等？
stackoverflow.com/questions/246801/…
好链接...我已经添加了 jquery.base64.js，现在在收到帖子后对 PNG 进行编码。 var imgdata64 = $.base64.encode(imgdata); $('#target').attr('src', 'data:image/png;base64,' + imgdata64) 但这不是解决方案。结果和php的encode不一样。