Removing and adding an attribute to an html string in node.js

Question

So on my node.js backend I have an object with a content property which contains an HTML string. Now in there there is an img element where I would like to replace the attribute src, which is now a base64 string, to a path to my uploads folder. How can I change this src attribute?

this is req.body.content. I would like to replace the base64 src of the img element to something I choose

{ content: '<p><br></p><p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAmVBMV.. }

Michiel Dral · Accepted Answer · 2019-01-07 19:02:03Z

3

If you know for sure that there is just one image in your string, you can use a regular expression to replace:

let new_content = content.replace(/src="[^"]+"/, 'src="new contents of the attribute"');

This will replace every src attribute in your html, so make sure you don't have multiple.
If you have a more specific need, I normally use cheerio (https://www.npmjs.com/package/cheerio) to load in html and edit it like I would in jquery(-ish).

(The [^"]+ in the regular expression stand for "Match multiple characters that are not "", which is normally how I select something inside a known boundary)

answered Jan 7, 2019 at 19:02

Michiel Dral

4,1251 gold badge23 silver badges21 bronze badges

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

1 Comment

tilly Over a year ago

Thank you, I'll have a look at both options :)

japrescott · Accepted Answer · 2019-01-07 19:04:05Z

2

you can replace that string with a regular expression

let newPath = "some/where/local/img.png";
let replaced = req.body.content.replace(/src="(.+?)"/igm, "src='"+newPath+'")

if you don't know the html structure and e.g need to find all images, you should use something like cheerio or jsdom to parse the html string, make changes in the virtual dom.

answered Jan 7, 2019 at 19:04

japrescott

5,0633 gold badges29 silver badges38 bronze badges

Collectives™ on Stack Overflow

Removing and adding an attribute to an html string in node.js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related