Search code examples
regexcoldfusioncoldfusion-9cfmlrailo

Coldfusion while uploading replacing images path REGEX

im trying to write regex to search and replace image path and keeping same file name existing path to my remote server path.

user is uploading HTML file i want while uploading replace path before saving in db.

I wrote some Regex its not seems to be working im not good in regex i found on internet.

Please find below code snippet...

for example this my HTML content.

<cfsavecontent variable="htmlcont">

<html>
<head>
</head>
<body>
<a href='http://www.w3schools.com'><img src='http://www.w3schools.com/images/w3schools.png' alt='W3Schools.com' class='img-responsive'></a>
<div class="w3-row">
<div class="w3-third w3-center">
<h2>JPG Images</h2>
<img alt="Mountain View" src="pic_mountain.jpg" style="width: 304px; height: auto" class="img-responsive">
</div>
<div class="w3-third w3-center">
<h2>GIF Images</h2>
<img alt="" src="html5.gif" style="width: 128px; height: auto" class="img-responsive">
</div>
<div class="w3-third w3-center">
<h2>PNG Images</h2>
<img alt="Graph" src="pic_graph.png" style="width: 170px; height: auto" class="img-responsive">
</div>
</div>

<table class="lamp"><tr>
<th style="width:34px">
<img src="/images/lamp.jpg" alt="Note" style="height:32px;width:32px"></th>
<td>Always specify the width and height of an image. If width and height are not specified, the page will flicker while the image loads.
</td>
</tr></table>
<hr>

<table class="lamp"><tr>
<th style="width:34px">
<img src="/images/lamp.jpg" alt="Note" style="height:32px;width:32px"></th>
<td>Add &quot;border:0;&quot; to prevent IE9 (and earlier) from displaying a border around the image.</td>
</tr></table>
<hr>
</body>
</html>
</cfsavecontent>

im trying to replace 

http://www.w3schools.com/images/w3schools.png

TO

http://myremoteServer.com/234001/images/w3schools.png

OR 

<img alt="Graph" src="pic_graph.png" style="width: 170px; height: auto" class="img-responsive">

TO

<img alt="Graph" src="http://myremoteServer.com/234001/images/pic_graph.png" style="width: 170px; height: auto" class="img-responsive">

CODE:

<cfset regxv =  'src="\K[^"]*(?=")' />
<cfset resluthtml = REReplace (htmlcont,regxv, "http://myremoteServer.com/234001/images/") />


<cfdump var="#resluthtml#" label="resluthtml" >

Solution

  • Capturing with ColdFusion's built-in engine (Jakarta ORO, Perl) is a pain in the ***. So let's just use some Java magic here (POSIX):

    <cfset regex    = createObject("java", "java.util.regex.Pattern").compile('<img [^>]*src=["'']([^"'']*)["'']')>

<cfset result   = createObject("java", "java.lang.StringBuilder").init()>
<cfset matcher  = regex.matcher(htmlcont)>
<cfset last     = 0>

<cfloop condition="matcher.find()">

    <cfset result.append(
        htmlcont.substring(
            last,
            matcher.start()
        )
    )>

    <cfset token = matcher.group(
        javaCast("int", ( matcher.groupCount() gte 1 ? 1 : 0 ))
    )>

    <!--- go with your replace logic here, token is the value of the [src] attribute --->
    <cfset token = ("http://myremoteServer.com/234001/images/" & listLast(token, "/"))>

    <cfset result.append(token)>

    <cfset last = matcher.end()>
</cfloop>

<cfset result.append(
    htmlcont.substring(last)
)>
<cfset result = result.toString()>

<cfdump var="#result#">