如何将图像转换为Base64编码

371

我该如何将来自URL的图像转换为Base64编码?


4
你为什么要做这件事? - Pekka
9
将其嵌入到Img标签的src属性中。 - Volatil3
6
这是一个老帖子,但为了完整起见:对于图像进行编码,特别是小型图像(小于1k),在CSS中使用是有很多道理的。这样可以节省一个请求,因为请求可能需要更长时间,并且由于开销可能会更大。 - arminrosu
9个回答

736

我认为应该是这样:

$path = 'myfolder/myimage.png';
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);

12
这要看你需要这个图像用来做什么。如果是作为内联URL,那么这就是正确的方式。但这并不完全等同于简单的Base64编码。 - Pekka
3
这个简直太棒了!我一直被DomPDF图像困扰了一段时间,非常感谢你! - Suomynona
3
pathinfo($path, PATHINFO_EXTENSION) 这部分可能不能用于 SVG 图像。只需将最后一行更改为$base64 = 'data:image/svg+xml;base64,' . base64_encode($data); - Eddie C.
5
应该使用mime_content_type()来获取文件类型而不是扩展名(不可靠)。 - Loenix
1
@EddieC. - 关于SVG的好建议。如果脚本查询MIME类型而不是扩展名,它会更加健壮吗? - AutoBaker
显示剩余2条评论

147

简单:

$imagedata = file_get_contents("/path/to/image.jpg");
             // alternatively specify an URL, if PHP settings allow
$base64 = base64_encode($imagedata);

请记住,这将使数据增加33%,并且文件大小超过您的memory_limit时会出现问题。


1
@anna,没错!Base64编码通常会这样做。 - Pekka
似乎返回的是base64编码的图像,但没有包含头部信息(data:image/type;base64,),因此仅凭这段代码无法显示图像。 - Jose Manuel Abarca Rodríguez

48

同样可以使用这种方式来表示Base64编码格式的图片...

查找PHP函数file_get_content,接着使用函数base64_encode

获取结果以准备字符串data:" . file_mime_type . " base64_encoded string。在img src属性中使用它。以下代码可能会有帮助:

// A few settings
$img_file = 'raju.jpg';

// Read image path, convert to base64 encoding
$imgData = base64_encode(file_get_contents($img_file));

// Format the image SRC:  data:{mime};base64,{data};
$src = 'data: '.mime_content_type($img_file).';base64,'.$imgData;

// Echo out a sample image
echo '<img src="'.$src.'">';

1
如果找不到函数mime_content_type,只需从http://php.net/manual/en/function.mime-content-type.php中添加svogal的函数即可。 - mario ruiz

20

如果由于任何原因你无法使用 curlfile_get_contents,你可以采用以下方法:

$img = imagecreatefrompng('...');
ob_start();
imagepng($img);
$bin = ob_get_clean();
$b64 = base64_encode($bin);

15
非常简单且常用:
function getDataURI($imagePath) {
    $finfo = new finfo(FILEINFO_MIME_TYPE);
    $type = $finfo->file($imagePath);
    return 'data:' . $type . ';base64,' . base64_encode(file_get_contents($imagePath));
}

// Use the above function like below:
echo '<img src="' . getDataURI('./images/my-file.svg') . '" alt="">';
echo '<img src="' . getDataURI('./images/my-file.png') . '" alt="">';

注意:文件的 MIME 类型将自动添加(参考这个 PHP 文档)。

14
<img src="data:image/png;base64,<?php echo base64_encode(file_get_contents("IMAGE URL HERE")) ?>">

我一直在尝试使用这个资源,但是一直遇到错误。我发现上面的代码完美地解决了问题。

我只需将 "IMAGE URL HERE" 替换为您图像的网址 - http://www.website.com/image.jpg


1
这很有价值。 - Santanu
如果使用'image/png',那么只有jpg图像可以正常工作,png无法正常工作。 - IslamYearul

3

下面是将编码上传并保存到MySQL数据库的代码:

if (!isset($_GET["getfile"])) {
    if ($_FILES["file"]["error"] > 0) {
        echo "Error: " . $_FILES["file"]["error"] . "<br>";
    } else {
        move_uploaded_file($_FILES["file"]["tmp_name"], $_FILES["file"]["name"]);

        $bin_string = file_get_contents($_FILES["file"]["name"]);
        $hex_string = base64_encode($bin_string);
        $mysqli = mysqli_init();

        if (!$mysqli->real_connect('localhost', 'root', '', 'arihant')) {
            die('Connect Error (' . mysqli_connect_errno() . ') ' . mysqli_connect_error());
        }

        $mysqli->query("INSERT INTO upload(image) VALUES ('" . $hex_string . "')");
    }
}

展示图像,请使用以下代码:
echo "<img src='data:image/jpeg;base64, $image' width=300>";

10
这并没有被要求。 - AlexioVay
为什么要使用特定的image/jpeg格式? - IslamYearul

2
您也可以通过 cURL 来执行此操作。您只需要提供一个指向图像文件的路径并将其传递给下面给出的函数即可...
public static function getImageDataFromUrl($url)
{
    $urlParts = pathinfo($url);
    $extension = $urlParts['extension'];
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    $response = curl_exec($ch);
    curl_close($ch);
    $base64 = 'data:image/' . $extension . ';base64,' . base64_encode($response);
    return $base64;
}

1
这里是使用cURL调用的示例... 这比使用file_get_contents()函数更好。当然,要使用base64_encode()
<?php
    $url = "http://example.com";

    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $output = curl_exec($ch);
    curl_close($ch);
?>

<img src="data:image/png;base64,<?php echo base64_encode($output);?>">

2
除非您需要添加额外的数据到调用中,否则“curl”绝对不比“file_get_contents”更好。 此外,“file_get_contents”会在可能的情况下回退到获取本地文件的内容,因此不会进行无用的网络调用。 - Hissvard

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接