Jquery加载png图像奇怪的字符

Question

请帮助我，当用jquery加载图片时我会得到像这样的奇怪的字符。

�PNG  IHDR���X��sBIT|d� pHYs � �B(�xtEXtSoftwarewww.inkscape.org��< IDATx��wxUE��?�B M: H" *��AE��`})� � ����꺫��kaAw���X@�,]Ŋ��D:�^" $��?�ܛ���$�\r3��'s���=�{��(�b�'*��X�f�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,�@,b�p��J���} �MDN�b�,g�^ @ ��_�T&�=0xVDN�R�,aF�t@)�p����9�r 

这是我的Jquery代码

  $("#load").on('click',function(){
        //alert("okk");
        $("#wrapper").load('assets/img/logo.png');

    });

我该怎么办？

Answer 1

jQuery load方法（如文档http://api.jquery.com/load/中所示）将数据加载为HTML，这不是您想要做的。要将PNG视为图像，您应该将链接作为src属性添加到图像标记中。因此，在ìmg元素中添加#wrapper标记，并按如下方式更改jQuery：

$("#load").on("click", function() {
    $("#wrapper img").attr("src", "assets/img/logo.png")
});