从XMLHttpRequest()responseText显示图像

时间:2015-02-06 08:18:28

标签: javascript php ajax xmlhttprequest responsetext

我在显示来自responseText的图片时遇到问题。

我试过了......

document.getElementById('myImage').src=ajax.responseText;

注意:ajax变量来自var ajax=new XMLHttpRequest();

我使用php文件获取图像的路径并将其放入ajax.responseText

<?php
    echo "Pictures/The Image.jpg";
?>

在输出中,没有显示图像。 (在谷歌浏览器中,我复制了图像的网址,当我将其粘贴到文本编辑器(如记事本)时,它有about:blank)。


我尝试在将alert(ajax.responseText);添加到#myImage之前添加echo

当我再次测试时,警报会显示正确的文本,这是来自php文件的#myimage的图像路径。

接下来我尝试显示alert(document.getElementById("myimage").src);来源的值......

alert(ajax.responseText); document.getElementById('myImage').src=ajax.responseText; alert(document.getElementById("myimage").src);

所以,我的代码是......

http://localhost/Pictures/The%20Image.jpg

然后我发现警告显示ajax.responseText导致图像无法显示。


如何将图像(通过src从php文件返回的路径)显示到<img>的{​​{1}}?

0 个答案:

没有答案