Fatal编程技术网
  • javascript/
  • Javascript 显示来自XMLHttpRequest（）responseText的图像

Javascript 显示来自XMLHttpRequest（）responseText的图像

javascript php ajax

Javascript 显示来自XMLHttpRequest（）responseText的图像,javascript,php,ajax,xmlhttprequest,responsetext,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"; ?> 然后我发现警报显示http://localhost/Pict

我在显示responseText中的图像时遇到问题

我试过这个

document.getElementById（'myImage'）.src=ajax.responseText

注意：
ajax
变量来自
var ajax=new-XMLHttpRequest（）

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


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


然后我发现警报显示
http://localhost/Pictures/The%20Image.jpg
这会导致图像不显示




如何将图像（通过php文件中的
ajax.responseText
返回的路径）显示到
的
src
？
相对路径可能不正确。相对于php文件，图片文件夹在哪里？是的，我的“图片”文件夹在那里。“Pictures”文件夹和php文件位于一个文件夹中。例如，在Chrome中，使用F12打开开发者工具，单击console选项卡，并查看是否存在与图像资源相关的任何错误。我得到了一个错误
，不允许加载本地资源
。当资源url以file://而不是http://开头时，就会出现该问题。你需要托管你的web应用程序，而不仅仅是在浏览器中打开它。

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