Show Images with name containing special characters

Question

Hi,

I am trying to display some images containing special characters like ☻ ☺ ♥ or Chinese or Arabic characters in their names using jsp...but the images are not getting displayed !!

<img src = "pipo².jpg" />
<img src = "pip☺☻♥o².jpg" />

What am I doing wrong !!

Answer 1

Try encoding the filename using URLEncoder.encode() method before the HTML is sent to the page, e.g.

String encodedString = URLEncoder.encode(filename, "UTF-8").

This will convert the characters to entities which can be passed in HTML.

Answer 2

you can percent encode the urls using encodeURIComponent in javascript to give you

<img src="pip%C3%A2%C2%98%C2%BA%C3%A2%C2%98%C2%BB%C3%A2%C2%99%C2%A5o%C3%82%C2%B2.jpg">

Answer 3

I'd recommend renaming your files.

Using special characters in src paths is not strictly allowed, you'd have to find the URL style escape codes for those characters.