Ein HTML-Speicherplatz wird als% 2520 anstelle von% 20 angezeigt.

Question

Durch die Übergabe eines Dateinamens an den Firefox-Browser werden Leerzeichen durch %2520 anstelle von ersetzt.

Ich habe folgende HTML in einer Datei myhtml.html genannt:

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

Wenn ich myhtml.html in Firefox laden, das Bild zeigt, wie ein gebrochenes Bild nach oben. Also klicke ich mit der rechten Maustaste auf den Link um das Bild zu sehen und es zeigt diese modifizierte URL an:

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

Was zum Teufel? Es hat meinen Raum in eine %2520 umgewandelt. Sollte es nicht zu einem konvertieren?

Wie ändere ich diese HTML-Datei, damit der Browser mein Bild finden kann? Was ist denn hier los?

Answer 1

Ein bisschen zu erklären, was die %2520 ist:

Der gemeinsame Raum Charakter als %20 codiert ist, wie Sie selbst bemerkt. Das % Zeichen ist als %25 codiert.

Die Art und Weise Sie %2520 erhalten ist, wenn Ihre URL bereits eine %20 in ihm hat, und wird wieder Urlencoded, was die %20-%2520 verwandelt.

Sind Sie (oder ein anderes Framework, das Sie verwenden) doppelt codierte Zeichen?

Edit: Erweiterung ein wenig auf diese, vor allem für LOCAL Links. Vorausgesetzt, dass Sie auf die Ressource verknüpfen C:\my path\my file.html: nur

• , wenn Sie einen lokalen Dateipfad zur Verfügung stellen, wird der Browser gegeben alle Zeichen zu kodieren und zu schützen erwartet (in den oben genannten, sollten Sie es mit Leerzeichen geben, wie gezeigt, da % ein gültiger Dateiname ist und als solcher codiert wird, wenn in eine korrekte URL konvertiert wird (siehe nächster Punkt).
• Wenn Sie eine URL mit dem file:// Protokoll angeben, geben Sie im Wesentlichen an, dass Sie alle Vorsichtsmaßnahmen getroffen und codiert haben, was codiert werden muss, der Rest sollte als Sonderzeichen behandelt werden. Im obigen Beispiel sollten Sie also file:///c:/my%20path/my%20file.html angeben. Abgesehen von Schrägstrichen sollten Clients hier keine Zeichen codieren.

NOTES:

• Slash Richtung - vorwärts Schrägstriche / werden in URLs verwendet, Schrägstriche Reverse \ in Windows-Pfade, aber die meisten Kunden mit beiden arbeiten, indem sie auf die richtige Schrägstrich umgewandelt wird.
• Zusätzlich gibt es 3 Schrägstriche nach dem Protokollnamen, da Sie sich stillschweigend auf den aktuellen Rechner statt auf einen entfernten Host beziehen (der vollständige ungekürzte Pfad wäre file://localhost/c:/my%20path/my%file.html), aber die meisten Clients arbeiten auch ohne den Host-Teil (dh nur zwei Schrägstriche), indem Sie annehmen, dass Sie die lokale Maschine meinen und den dritten Schrägstrich hinzufügen.

Answer 2

Wenn Sie versuchen, einen lokalen Dateinamen durch Firefox-Browser zu besuchen, müssen Sie das file:\\\ Protokoll erzwingen (http://en.wikipedia.org/wiki/File_URI_scheme) oder sonst firefox Ihren Raum ZWEIMAL kodieren. Ändern Sie den HTML-Schnipsel aus dieser:

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

dazu:

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

oder dies:

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

Dann wird firefox darüber informiert, dass dies ein lokaler Dateiname ist, und es macht das Bild korrekt im Browser, einmal korrekt die Zeichenfolge zu codieren.

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

Answer 3

Aus welchem ​​Grund die URL zweimal codiert wurde. %25 ist das urlencodierte % Zeichen. So sah die ursprüngliche URL wie:

http://server.com/my path/ 

Dann einmal wurde es Urlencoded:

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

und zweimal:

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

Sie sollten also kein urlencoding tun als andere Komponenten scheinen, dass schon für dich. Verwenden Sie einfach einen Raum

Answer 4

Das folgende Code-Snippet löste mein Problem. Dachte, das könnte für andere nützlich sein.

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

Rather Standard encodeURIComponent meine erste Zeile des Codes verwendet, wird die Umwandlung aller spaces in hyphens RegexMuster mit /\s\g und die folgende Zeile nur macht genau das Gegenteil, dh wandelt alle hyphens zurück in spaces eine andere Verwendung regex pattern /-/g. Hier ist /g eigentlich verantwortlich für finding all passende Zeichen.

Als ich diesen Wert auf meinen Ajax-Aufruf sandte, durchläuft es als normal spaces oder einfach %20 und somit wird die double-encoding befreien.