javascript - 在javascript中从服务器接收文本和图片

Question

我需要每秒刷新一个 img 标签。所以我写了一些代码来更改 img 标签的 src 属性，并从 image.php 加载图片。都好。有时 image.php 没有图片，或者 image.php 出错了。我需要 image.php 与图片一起发送消息以确定图片的有效性，或者告诉我错误号。所以我需要一个 php 代码，在它的输出中放入文本和图片。

我现在用

//code
header('Content-Type: image/jpeg');
imagejpeg($im);
imagedestroy($im);

和 image.php 就像一个 .jpg 文件，我可以在 img 标签的 src 属性中使用它。但我需要一种方法来确定 image.php 是否输出有效图像而不是 php 错误。

js代码:

var newImage = new Image();
var count = 0;
function updateImage()
{

    if(newImage.complete) {
    document.getElementById("myimg").src = newImage.src;
    newImage = new Image();
    newImage.src = "socket.php?message=0&image" + count++ + ".jpg";
    }

}

Answer 1

在 JavaScript 方面，您可以通过 error 事件 ( jsfiddle ) 了解图片加载失败。

也许，如果图像加载失败，您可以通过 Ajax 请求相同的 URL，以获取错误消息。除非您也想将错误消息编码为图像(并在客户端对其进行解码)，当然，这可能是也可能不是一个好主意。