使用javascript从url获取图像

我试图在我的页面上显示来自不同url的图像

另一个站点上的图像每1.5秒保存一次。 结果是我无法查看图像。 你知道为什么吗？ 谢谢

您尚未定义画布。首先使用以下内容对其进行定义：

var canvas = document.getElementById('canvas');

然后，使用load事件将图像绘制到画布上

签出小提琴，它演示了整个过程。

您尚未定义画布。首先使用以下内容对其进行定义：

var canvas = document.getElementById('canvas');

然后，使用load事件将图像绘制到画布上

检查小提琴，它演示了整个过程。

1。缓存问题 您的MyPicture.png在HTTP响应中返回缓存控制：max age=31536000。所以浏览器可能会在第二次从缓存中获取图像。您需要添加类似以下内容的查询字符串：

img.src = "http://yinoneliraz-001-site1.smarterasp.net/MyPicture.png?time=" + (new Date()).getTime();

2.取数周期太短。 我认为200秒的取数周期太短了。最好将onload事件处理程序绑定到image对象。看

3.双缓冲 我认为您的脚本打算预加载图像。所以最好做一个双缓冲

单缓冲版本：

双缓冲版本：

1。缓存问题 您的MyPicture.png在HTTP响应中返回缓存控制：max age=31536000。所以浏览器可能会在第二次从缓存中获取图像。您需要添加类似以下内容的查询字符串：

img.src = "http://yinoneliraz-001-site1.smarterasp.net/MyPicture.png?time=" + (new Date()).getTime();

2.取数周期太短。 我认为200秒的取数周期太短了。最好将onload事件处理程序绑定到image对象。看

3.双缓冲 我认为您的脚本打算预加载图像。所以最好做一个双缓冲

单缓冲版本：

---

双缓冲版本：

可能是图像缓存问题，或者服务器/客户端连接速度不够快，无法在删除和重写图像之前下载图像。可能是图像缓存问题，或者服务器/客户端连接速度不够快，无法在删除和重写图像之前下载图像。