我在显示来自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}}?