PHP - How to replace image src in a dynamic HTML string

By Hardik Savani | October 16, 2020 | Category : PHP


I am going to show you example of php replace image src om html string. I’m going to show you about How to replace image src in a dynamic HTML string in php. i would like to share with you php replace img tag in string. i explained simply step by step replace image src in html string php.

Sometime we need to change src in a dynamic html string with php. i mean if you store html string into database and you have to update src path for that string when you display in front end side. so here i will give you very simple example of replace image src in html string using php.

Let' see bellow index.php file and output so you can easily understand how it works using DOMDocument.

index.php

<?php

$htmlString = '<strong>Image One:</strong><br/>

<img src="imageone.png" /><br/>

<strong>Image Two:</strong><br/>

<img src="imagetwo.png" /><br/>

<strong>Image Three:</strong><br/>

<img src="imagethree.png" /><br/>';

$doc = new DOMDocument();

$doc->loadHTML($htmlString);

$tags = $doc->getElementsByTagName('img');

foreach ($tags as $tag) {

$oldSrc = $tag->getAttribute('src');

$newScrURL = 'upload/images/'.$oldSrc;

$tag->setAttribute('src', $newScrURL);

$tag->setAttribute('data-src', $oldSrc);

}

$htmlString = $doc->saveHTML();

print($htmlString);

output:

<strong>Image One:</strong><br>

<img src="upload/images/imageone.png" data-src="imageone.png"><br>

<strong>Image Two:</strong><br>

<img src="upload/images/imagetwo.png" data-src="imagetwo.png"><br>

<strong>Image Three:</strong><br>

<img src="upload/images/imagethree.png" data-src="imagethree.png"><br>

I hope it can help you...



Tags : PHP


Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: