从通过脚本调用的 PHP 更改 HTML 中的图像源 - Changing image source in HTML from PHP called through script?

Changing image source in HTML from PHP called through script?

本文关键字：HTML 图像更改 PHP 脚本调用 | 更新日期: 2023-09-27

目前，我的HTML文件中有一个按钮调用以下脚本：

 <script>
        function myFunction(textToUpdate)
        {
            xmlhttp=new XMLHttpRequest();
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                  document.getElementById(textToUpdate).innerHTML=xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET","myPhp.php",true);
            xmlhttp.send();
        }
    </script>

。其中文本更新实现如下：

<p style="font-family:helvetica;"><span id="textToUpdate"></span></p>

然后，在myPhp.php中，我做了一些服务器端操作来生成一个字符串，我直接回显到textToUpdate中。这很好用！但我想从myPhp.php做更多的事情，比如改变图像。我可以从 HTML 文件本身很好地做到这一点......

var img = document.getElementById('image');
img.src = 'newImage.jpg';

但是我在从 php 执行此操作时遇到了麻烦。我尝试在脚本中传递"图像"而不是文本到更新，然后从myPhp执行以下操作.php....

echo img.src = 'newImage.jpg';

但什么也没发生。

那么，有可能做这样的事情吗？或者我只能将文本字符串回显到段落？

像这样尝试

echo "<img src='newImage.jpg' />";

或者说如果你在下面这样的变量中有这个newImage.jpg..

$img='newImage.jpg';
echo "<img src=$img />";