javascript - 用php发送图片？

Question

我是一个 php 新手，被迫向现有的 php 服务器添加次要功能。我的任务是让我的 php 服务器将图像列表返回给客户端，然后将其显示在页面上。

我的 JavaScript 客户端代码在这里:

const http = new XMLHttpRequest();
const url = "http://myaddress.com/myphpserver?";
http.open("GET", url);
http.send();
http.onreadystatechange = (e) => {
    console.log(http.responseText);
}

我已经在我的服务器上试过这段代码:

$im = imagecreatefrompng("myImage.png");
header('Content-Type: image/png');
imagepng($im);

找到 here但无济于事

我的 http.responseText 总是空的。我会以错误的方式解决这个问题吗？

Answer 1

无需将图像作为 PHP 的响应发送。

您应该做的是返回带有图像 URL 的 JSON。像这样:

{
    "images": [{
            "url": "http://myaddress.com/image_of_cat.jpg"
        },
        {
            "url": "http://myaddress.com/image_of_cat.jpg"
        }
    ]
}

然后使用 javascript 设置 src <img> 的属性使用该 URL 标记。

现在您只需要设置一个非常简单的服务器来提供文件夹中的图像