How to remove filepath substring from src value of img tags occurring in html text?

Question

I have some <img> tag src values that need to have their path removed.

Unfortunately, my html DOM is invalid, so I cannot use a DOM parser and must resort to regex.

My current attempt is:

src=(\'|")\/root\/images\/([^\/]*)\/([^(\'|"]*)

to turn this:

lots of other html
<img src="/root/images/ANY MORE PATH HERE/file.jpg">
more html

in to this:

lots of other html
<img src="file.jpg">
more html

The above will work when I just use capture group 3 only AND I have one directory beyond /root/images, but I don't know how many subdirectories will be in a given filepath.

Any suggestions?

If you always only need the file name, basename function. us3.php.net/manual/en/function.basename.php — Pango
– Pango, Commented May 1, 2017 at 1:31
to do that i would have to pull out all the img tags, process them and put them back in — user6763587
– user6763587, Commented May 1, 2017 at 1:34
What about the HTML is invalid? There are similar questions, with the upshot being to use a parser or dom. So maybe if you can fix the HTML part of it, that might work better? stackoverflow.com/questions/138313/… stackoverflow.com/questions/2120779/… stackoverflow.com/questions/10130858/get-img-src-with-php stackoverflow.com/questions/23109844/… — Pango
– Pango, Commented May 1, 2017 at 1:46

OnNIX · Accepted Answer · 2017-05-01 01:40:59Z

1

This uses preg_replace():

<?php
$foo = '/\/.+\//';
$test =  '<img src="/root/images/ANY MORE PATH HERE/file.jpg">';
echo preg_replace($foo, '', $test);
?>

answered May 1, 2017 at 1:40

OnNIX

4424 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user6763587 Over a year ago

with a slight variation this led me to the right answer, thanks

mickmackusa Over a year ago

This only works when the entire html string is a single image tag. That is not what the OP is dealing with.

mickmackusa · Accepted Answer · 2018-03-11 07:40:42Z

It seems to me that you can match zero or more non-quote characters followed by a slash -- as many times as possible and replace that substring with an empty string. This will always leave you with a src value that purely consists of the filename at the end of the path.

Code: (Demo)

$html = <<<HTML
lots of other html
<img src="/root/images/ANY MORE PATH HERE/file.jpg">
more html
HTML;

echo preg_replace('~ src=[\'"]\K(?:[^\'"]*/)*~','',$html);

Output:

lots of other html
<img src="file.jpg">
more html

Pattern: ~ src=['"]\K([^'"]*/)*~

(Pattern Demo)

Pattern Breakdown:

~          #pattern delimiter (deliberately not slash -- to avoid escaping)
 src=      #match a space followed literally by "src="
['"]       #match either single quote or double quote
\K         #restart the fullstring match (effectively forget previously matched characters)
(?:        #start of non-capturing group
  [^'"]*   #match zero or more non-single and non-double quote characters
  /        #match a forward slash
)          #end of non-capturing group
*          #allow zero or more occurrences of the non-capturing group
~          #pattern delimiter

Long Kim · Accepted Answer · 2017-05-01 01:37:04Z

-1

I think this is a simple solution using explode:

 $src = "/root/images/ANY MORE PATH HERE/file.jpg";
 $part = explode("/", $src);
 $imageName = $part[sizeof($part)-1]; //get the last index of the array

answered May 1, 2017 at 1:37

Long Kim

4903 silver badges9 bronze badges

3 Comments

user6763587 Over a year ago

<img src="/root/images/ANY MORE PATH HERE/file.jpg"> is just a small part of the string

Long Kim Over a year ago

as long as the image name at the end, this code will work. Print it out and give it a try.

mickmackusa Over a year ago

This only works when the entire string is a single src attribute value. That is not what the OP is dealing with.

Collectives™ on Stack Overflow

How to remove filepath substring from src value of img tags occurring in html text?

3 Answers 3

2 Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related