javascript - 将图像加载到 div 而不刷新浏览器

Question

使用 PHP(网络套接字、服务器发送事件等)更新图像路径而不刷新浏览器的最佳方法是什么？

我有 10 个 div，我必须在其中加载图像路径并显示该图像。我不必担心不同网络浏览器的支持，因为我会将其安装在那些将显示该网站的 PC 上(20-30 台 PC)。

所以，我只需要您对在 div 上加载图像(在从服务器应用程序发送的事件上)而不刷新图像的最佳技术的意见。

顺便说一句:将有 50 个不同的图像，并且所有都已位于站点根目录的文件夹中。

Answer 1

在 php 中无法做到这一点，这就是 javascript 的用途。

document.getElementById("myimg").src = "newimage.jpg";

我回复评论:

$('img').each(function(){ 
    var source = $(this).parent().find('span').first().val();    //if spans contain picture names
    $(this).attr("src",source);
});

如果你可以使用id

document.getElementById("first").src = "15.jpg";
document.getElementById("second").src = "10.jpg";
document.getElementById("third").src = "21.jpg";
...

再次回复评论。在 php 上调用 javascript:

if ($invoke_javascript): ?>
    <script>
        alert('javascript goes here');
    </script>
<?php endif;