2017-03-17 15 views
-3

請幫助我,當用jquery加載圖像我得到這樣的奇怪charachters。jquery加載png圖像奇怪的字符

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

這裏是我的jQuery代碼

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

    }); 

我應該怎麼辦?

+1

儘量不要用裝載XHR圖像... –

+0

如果你這樣做,使用加載[FileReader.readAsDataURL()( https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL) –

回答

2

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") 
});