Uno spazio html viene visualizzato come% 2520 anziché% 20

Il passaggio di un nome file al browser Firefox fa sì che sostituisca gli spazi con %2520 invece di %20.

Ho il seguente codice HTML in un file chiamato myhtml.html:

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

Quando carico myhtml.htmlin Firefox, l'immagine si presenta come un'immagine interrotta. Quindi faccio clic con il pulsante destro del mouse sul collegamento per visualizzare l'immagine e mostra questo URL modificato:

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

Che diamine? Ha convertito il mio spazio in un file %2520. Non dovrebbe convertirlo in un %20?

Come posso modificare questo file HTML in modo che il browser possa trovare la mia immagine? Cosa sta succedendo qui?

Un po 'di spiegazioni su cosa %2520sia:

Il carattere dello spazio comune è codificato %20come hai notato tu stesso. Il %carattere è codificato come %25.

Il modo in cui ottieni %2520è quando il tuo URL ha già un %20in esso e viene nuovamente codificato, il che trasforma il file %20in %2520.

Sei (o un framework che potresti utilizzare) caratteri a doppia codifica?

Modifica: espansione un po 'su questo, in particolare per i link LOCALI . Supponendo che tu voglia collegarti alla risorsa C:\my path\my file.html:

• se fornisci solo un percorso di file locale, il browser dovrebbe codificare e proteggere tutti i caratteri forniti (in precedenza, dovresti assegnarlo con spazi come mostrato, poiché %è un carattere di nome file valido e come tale verrà codificato) durante la conversione a un URL appropriato (vedere il punto successivo).
• se fornisci un URL con il file://protocollo, in pratica stai affermando di aver preso tutte le precauzioni e di aver codificato ciò che necessita di codifica, il resto dovrebbe essere trattato come caratteri speciali. Nell'esempio sopra, dovresti quindi fornire file:///c:/my%20path/my%20file.html. Oltre a correggere le barre, i client non dovrebbero codificare i caratteri qui.

APPUNTI:

• Direzione barra: le barre in avanti /vengono utilizzate negli URL, le barre inverse \nei percorsi di Windows, ma la maggior parte dei client funzionerà con entrambe convertendole nella barra in avanti corretta.
• Inoltre, ci sono 3 barre dopo il nome del protocollo, poiché ti riferisci silenziosamente alla macchina corrente invece che a un host remoto (il percorso completo non abbreviato sarebbe file://localhost/c:/my%20path/my%file.html), ma ancora una volta la maggior parte dei client funzionerà senza la parte host (cioè solo due barre ) assumendo che tu intenda la macchina locale e aggiungendo la terza barra.

Per qualche motivo, forse valido, l'URL è stato codificato due volte. %25è il %segno urlencoded . Quindi l'URL originale sembrava:

http://server.com/my path/

Quindi è stato codificato nell'URL una volta:

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

e due volte:

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

Quindi non dovresti fare l'URLencoding - nel tuo caso - poiché altri componenti sembrano farlo già per te. Usa semplicemente uno spazio

Quando provi a visitare un nome di file locale tramite il browser Firefox, devi forzare il file:\\\protocollo ( http://en.wikipedia.org/wiki/File_URI_scheme ) altrimenti firefox codificherà il tuo spazio DUE VOLTE. Cambia lo snippet html da questo:

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

a questa:

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

o questo:

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

Quindi viene notificato a firefox che si tratta di un nome di file locale e visualizza correttamente l'immagine nel browser, codificando correttamente la stringa una volta.

Link utile: http://support.mozilla.org/en-US/questions/900466

Il seguente frammento di codice ha risolto il mio problema. Ho pensato che questo potrebbe essere utile ad altri.

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

Piuttosto usando il default, la encodeURIComponentmia prima riga di codice converte tutto spacesin un hyphenspattern regex /\s\ge la riga seguente fa solo il contrario, cioè converte tutto di hyphensnuovo in spacesun altro regex pattern /-/g. Qui /gè effettivamente responsabilefinding all corrispondenza dei caratteri.

Quando invio questo valore alla mia chiamata Ajax, attraversa come normal spaceso semplicemente %20e quindi se ne sbarazza double-encoding.

Prova questo?

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