Un espacio html se muestra como% 2520 en lugar de% 20

Pasar un nombre de archivo al navegador Firefox hace que reemplace espacios con en %2520 lugar de %20.

Tengo el siguiente HTML en un archivo llamado myhtml.html:

<img src="C:\Documents and Settings\screenshots\Image01.png"/>

Cuando cargo myhtml.htmlen Firefox, la imagen aparece como una imagen rota. Así que hago clic derecho en el enlace para ver la imagen y muestra esta URL modificada:

file:///c:/Documents%2520and%2520Settings/screenshots/Image01.png
                    ^
                    ^-----Firefox changed my space to %2520.

¿Que demonios? Convirtió mi espacio en un %2520. ¿No debería convertirlo en un %20?

¿Cómo cambio este archivo HTML para que el navegador pueda encontrar mi imagen? ¿Que está pasando aqui?

Un poco de explicación de qué %2520es eso :

El carácter de espacio común está codificado %20como usted mismo señaló. El %carácter está codificado como %25.

La forma de obtenerlo %2520es cuando su URL ya tiene un %20código de url y se vuelve a codificar, lo que transforma el %20a %2520.

¿Está usted (o algún marco que pueda estar usando) caracteres de doble codificación?

Editar: Ampliando un poco esto, especialmente para los enlaces LOCALES . Suponiendo que desea vincular al recurso C:\my path\my file.html:

• si solo proporciona una ruta de archivo local, se espera que el navegador codifique y proteja todos los caracteres dados (en lo anterior, debe proporcionarlos con espacios como se muestra, ya que % es un carácter de nombre de archivo válido y, como tal, se codificará) al convertir a una URL adecuada (consulte el siguiente punto).
• si proporciona una URL con el file://protocolo, básicamente está indicando que ha tomado todas las precauciones y codificado lo que necesita codificación, el resto debe tratarse como caracteres especiales. En el ejemplo anterior, debería proporcionar file:///c:/my%20path/my%20file.html. Aparte de corregir las barras, los clientes no deben codificar caracteres aquí.

NOTAS:

• Dirección de la barra inclinada : las barras diagonales /se utilizan en las URL, las barras diagonales inversas \en las rutas de Windows, pero la mayoría de los clientes trabajarán con ambas convirtiéndolas en la barra inclinada correcta.
• Además, hay 3 barras después del nombre del protocolo, ya que se está refiriendo silenciosamente a la máquina actual en lugar de a un host remoto (la ruta completa sin abreviar sería file://localhost/c:/my%20path/my%file.html), pero nuevamente la mayoría de los clientes trabajarán sin la parte del host (es decir, solo dos barras ) asumiendo que se refiere a la máquina local y agregando la tercera barra.

Por alguna razón, posiblemente válida, la URL se codificó dos veces. %25es el %signo codificado por urlencoded . Entonces, la URL original se veía así:

http://server.com/my path/

Luego se codificó en urlen una vez:

http://server.com/my%20path/

y dos veces:

http://server.com/my%2520path/

Por lo tanto, no debe realizar codificación urlen, en su caso , ya que otros componentes parecen hacerlo para usted. Usa simplemente un espacio

Cuando intentas visitar un nombre de archivo local a través del navegador Firefox, debes forzar el file:\\\protocolo ( http://en.wikipedia.org/wiki/File_URI_scheme ) o, de lo contrario, Firefox codificará tu espacio DOS VECES. Cambie el fragmento html de esto:

<img src="C:\Documents and Settings\screenshots\Image01.png"/>

a esto:

<img src="file:\\\C:\Documents and Settings\screenshots\Image01.png"/>

o esto:

<img src="file://C:\Documents and Settings\screenshots\Image01.png"/>

Luego, se notifica a Firefox que este es un nombre de archivo local y muestra la imagen correctamente en el navegador, codificando correctamente la cadena una vez.

Enlace útil: http://support.mozilla.org/en-US/questions/900466

El siguiente fragmento de código resolvió mi problema. Pensé que esto podría ser útil para otros.

var strEnc = this.$.txtSearch.value.replace(/\s/g, "-");
strEnc = strEnc.replace(/-/g, " ");

En lugar de usar el predeterminado, encodeURIComponentmi primera línea de código es convertir todo spacesen el hyphensuso de un patrón de expresiones regulares /\s\gy la siguiente línea simplemente hace lo contrario, es decir, convierte todo de hyphensnuevo para spacesusar otro regex pattern /-/g. Aquí /ges realmente responsable de hacer finding allcoincidir los personajes.

Cuando envío este valor a mi llamada Ajax, atraviesa como normal spaceso simplemente %20y, por lo tanto, se deshace de double-encoding.

¿Prueba esto?

encodeURIComponent('space word').replace(/%20/g,'+')