在 html<img> 标签中显示来自 curl 请求的图像

Question

我正在处理的网站的其中一个页面应该显示有关漫画的信息，例如它的封面图片。

我正在尝试显示我通过 curl 请求获得的图像。

<?php
    if(isset($_GET['info'])) {
        $postedData = $_GET["info"]; //json object containing info about manga such as author/title etc.
        $info = json_decode($postedData, true);
        $mangacoverid = $info['im']; //id of the cover image that i'm getting from json object

        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, "https://cdn.mangaeden.com/mangasimg/" . $mangacoverid); //link of API i'm using and adding cover id to it
        curl_setopt($ch, CURLOPT_HEADER, 0);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_BINARYTRANSFER, 1);
        $picture = curl_exec($ch);
        curl_close($ch);
        header('Content-type: image/jpeg');
        echo $picture; //displays image in browser
    }
        ?>

-一些 'mangacoverid' 用于测试目的： ff/ff94bb880357b6b811bccbbfd3356c5ec41fbb184291323f0ed6a86a.jpg c1/c1b0173d8986681f23ecf5a69d26aa9dab4a04db4d40f99bed539198.jpg 0c/0cf6ebf78074e748ab2aeea3a0fcb9e0dd43040974c66e24fa46703f.jpg 5天/5dcfed2e033c2da62e7ac89367533ebbc344373c46a005e274a16785.png 18/18b1f0b13bccb594c6daf296c1f9b6dbd83783bb5ae63fe1716c9091.jpg 35/35bf6095212da882f5d2122fd547800ed993c58956ec39b5a2d52ad4.jpg

-虽然我能够在页面中显示图像，但整个页面背景变成黑色，图像在页面中间。（即样式="margin: 0px; background: #0e0e0e;>"）。

我想做的是将图像插入 HTML 标记中，这样我就可以将它放在页面的其他位置。

我尝试将带有 'mangacoverid' 附加的普通 cdn link 放在标签中，但图像提供者不允许热 linking，它会抛出 403 错误。

非常感谢任何帮助！

Answer 1

我测试了你的代码，当封面 ID 被硬编码时，它似乎工作正常。问题可能是通过查询参数传递的 JSON 没有被正确解析（由于 URL 编码）？

使用硬编码的封面 ID 是否可以正常工作？

文件image.php

<?php
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, sprintf('https://cdn.mangaeden.com/mangasimg/%s', $_GET['id']));
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_BINARYTRANSFER, 1);
$picture = curl_exec($ch);
curl_close($ch);
header('Content-type: image/jpeg');
echo $picture;

并且在生成显示图像的页面的脚本中：

// Assuming $info holds the decoded json for the manga
echo(sprintf('<img src="image.php?id=%s>', $info['im']);

Answer 2

好的，我会 post 解决方案，以防有人遇到这个问题。

代码与原始代码大部分相同：只是编辑了几行，如下所示。

-我在名为 'tempcover.jpg' 的目录中创建了一个文件。

-我使用函数'imagecreatefromstring($picture)'获得了图像。

-我用'imagejpeg($img,'tempcover.jpg', 100)'将图像保存到文件中。

通过这样做，我可以只引用 HTML 标签中的文件并按我想要的方式显示它。

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, "https://cdn.mangaeden.com/mangasimg/" . $mangacoverid); //link of API i'm using and adding cover id to it
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_BINARYTRANSFER, 1);
    $picture = curl_exec($ch);
    curl_close($ch);
    $img = imagecreatefromstring($picture);
    imagejpeg($img,'tempcover.jpg', 100);
    ?>

<!--HTML-->
    <img src="tempcover.jpg" alt="bruh" height="400px" width="300px">

在 html<img> 标签中显示来自 curl 请求的图像

Display image from curl request in html<img> tag

html

php

curl

php-curl