A html space is showing as 2520 instead of 20

Question

Passing a filename to the firefox browser causes it to replace spaces with  2520  instead of  20   I have the following HTML in a file called myhtml html    lt img src  C  Documents and Settings screenshots Image01 png   gt    When I load myhtml html into firefox  the image shows up as a broken image   So I right click the link to view the picture and it shows this modified URL   file    c  Documents 2520and 2520Settings screenshots Image01 png                                            -----Firefox changed my space to  2520    What the heck   It converted my space into a  2520   Shouldn t it be converting it to a  20     How do I change this HTML file so that the browser can find my image   What s going on here

User · Answer

Try this   encodeURIComponent  space word   replace   20 g

User · Answer

A bit of explaining as to what that  2520 is    The common space character is encoded as  20 as you noted yourself   The   character is encoded as  25    The way you get  2520 is when your url already has a  20 in it  and gets urlencoded again  which transforms the  20 to  2520    Are you  or any framework you might be using  double encoding characters   Edit  Expanding a bit on this  especially for LOCAL links  Assuming you want to link to the resource C  my path my file html    if you provide a local file path only  the browser is expected to encode and protect all characters given  in the above  you should give it with spaces as shown  since   is a valid filename character and as such it will be encoded  when converting to a proper URL  see next point   if you provide a URL with the file    protocol  you are basically stating that you have taken all precautions and encoded what needs encoding  the rest should be treated as special characters  In the above example  you should thus provide file    c  my 20path my 20file html  Aside from fixing slashes  clients should not encode characters here    NOTES    Slash direction - forward slashes   are used in URLs  reverse slashes   in Windows paths  but most clients will work with both by converting them to the proper forward slash   In addition  there are 3 slashes after the protocol name  since you are silently referring to the current machine instead of a remote host   the full unabbreviated path would be file   localhost c  my 20path my file html    but again most clients will work without the host part  ie two slashes only  by assuming you mean the local machine and adding the third slash

User · Answer

The following code snippet resolved my issue  Thought this might be useful to others    x000D   x000D  var strEnc   this   txtSearch value replace   s g   -    x000D  strEnc   strEnc replace  - g        x000D   x000D   x000D    Rather using default encodeURIComponent my first line of code is converting all spaces into hyphens using regex pattern   s g and the following line just does the reverse  i e  converts all hyphens back to spaces using another regex pattern  - g  Here  g is actually responsible for finding all matching characters   When I am sending this value to my Ajax call  it traverses as normal spaces or simply  20 and thus gets rid of double-encoding

User · Answer

For some - possibly valid - reason the url was encoded twice   25 is the urlencoded   sign  So the original url looked like   http   server com my path    Then it got urlencoded once   http   server com my 20path    and twice   http   server com my 2520path    So you should do no urlencoding - in your case - as other components seems to to that already for you  Use simply a space

User · Answer

When you are trying to visit a local filename through firefox browser  you have to force the file     protocol  http   en wikipedia org wiki File URI scheme  or else firefox will encode your space TWICE   Change the html snippet from this    lt img src  C  Documents and Settings screenshots Image01 png   gt    to this    lt img src  file    C  Documents and Settings screenshots Image01 png   gt    or this    lt img src  file   C  Documents and Settings screenshots Image01 png   gt    Then firefox is notified that this is a local filename  and it renders the image correctly in the browser  correctly encoding the string once   Helpful link  http   support mozilla org en-US questions 900466

[html] A html space is showing as %2520 instead of %20

Examples related to html

Examples related to url

Examples related to filenames

Examples related to url-encoding