Pug/Jade interpolation not working for attributes

Question

I have a page which I am rendering like this:

res.render(\'account.pug\', {user: req.user._id})

—and which is supposed to show a profile pi

Answer 1

As noted in the Pug documentation, the #{foo} interpolation syntax is no longer supported in attributes.

Instead of using—

img#profilepicture(src='profilepictures/#{user}') // no longer supported

—you can use (as @Shinigami points out):

img#profilepicture(src='profilepictures/' + user) // supported

Or, if you have ES6 support, you can use template strings:

img#profilepicture(src=`profilepictures/${user}`) // supported

(Note that the last one uses ${} instead of #{})

Answer 2

Try this

img#profilepicture(src='profilepictures/' + users)

Docs: https://pugjs.org/language/attributes.html

Helpful Site: https://pughtml.com