How can the issue of SVG images not being displayed in HTML img-src be resolved using PHP?

The issue of SVG images not being displayed in HTML img-src can be resolved by using PHP to read the SVG file and then outputting it as a base64 encoded string in the img-src attribute. This way, the SVG image can be displayed correctly in the HTML. 

<?php
$svg_file = 'image.svg';
$svg_code = file_get_contents($svg_file);
$svg_base64 = 'data:image/svg+xml;base64,' . base64_encode($svg_code);
?>

<img src="<?php echo $svg_base64; ?>" alt="SVG Image">

Keywords

SVG images HTML img-src PHP

Related Questions