next/image src url gets html entities when resolving | Next.js | Page 1

copper ingot Apr 13, 2023, 4:17 PM

#

Can't you use encodeURI or encodeURIComponent to solve it?

gentle shoal Apr 13, 2023, 4:20 PM

#

copper ingot Can't you use encodeURI or encodeURIComponent to solve it?

Mind explaining?

copper ingot Apr 13, 2023, 5:21 PM

#

gentle shoal Mind explaining?

When you want to add to the src tag, put the query result into the encodeuri

gentle shoal Apr 13, 2023, 5:28 PM

#

copper ingot When you want to add to the `src` tag, put the query result into the encodeuri

you mean like this?

<Image
  src={encodeURI(user.picSrc)}
  alt='avatar'
  width={36}
  height={36}
/>

copper ingot Apr 13, 2023, 5:30 PM

#

Yes, exactly, but for reference here is this
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI

encodeURI() - JavaScript | MDN

The encodeURI() function encodes a URI by replacing each instance of certain characters by one, two, three, or four escape sequences representing the UTF-8 encoding of the character (will only be four escape sequences for characters composed of two surrogate characters). Compared to encodeURIComponent(), this function encodes fewer characters, p...

gentle shoal Apr 13, 2023, 5:31 PM

#

copper ingot Yes, exactly, but for reference here is this https://developer.mozilla.org/en-US...

I tried that already both with encodeURI and encodeURIComponent, but neither are working. The url will remain as said with those symbols instead of the actual characters.

copper ingot Apr 13, 2023, 5:32 PM

#

Well, sorry to hear that

#

I guess you really need that url to look pretty

#next/image src url gets html entities when resolving