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

Question

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

我正在尝试显示通过发出卷曲请求获得的图像。

<?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 5d/5dcfed2e033c2da62e7ac89367533ebbc344373c46a005e274a16785.png 18/18b1f0b13bccb594c6daf296c1f9b6dbd83783bb5ae63fe1716c9091.jpg 35/35bf6095212da882f5d2122fd547800ed993c58956ec39b5a2d52ad4.jpg

-虽然我能够在页面中显示图像，但整个页面背景变成黑色，图像位于页面中间。 （即样式=“边距：0px；背景：#0e0e0e；>”）。

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

我尝试将附有“mangacoverid”的普通 CDN 链接放在标签中，但图像提供商不允许热链接，并且会抛出 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

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

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

-我在名为“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">