Bir html alanı% 20 yerine% 2520 olarak görünüyor

Firefox tarayıcıya bir dosya adı geçirmemiz boşlukların yerine neden %2520 yerine %20.

Adlı bir dosyada aşağıdaki HTML var myhtml.html:

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

myhtml.htmlFirefox'a yüklediğimde , görüntü bozuk bir görüntü olarak görünüyor. Bu yüzden resmi görüntülemek için bağlantıya sağ tıklıyorum ve bu değiştirilmiş URL'yi gösteriyor:

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

Ne halt? Alanımı bir %2520. Bunu a'ya çevirmesi gerekmez %20mi?

Tarayıcının resmimi bulabilmesi için bu HTML dosyasını nasıl değiştirebilirim? Burada neler oluyor?

Bunun ne olduğuna dair biraz açıklama %2520:

Ortak boşluk karakteri %20sizin belirttiğiniz gibi kodlanır . %Karakter olarak kodlanmıştır %25.

Alacağınız yolu %2520Url'nizde zaten sahip olduğunda ise %20o ve dönüşümleri, hangi yine urlencoded alır %20için %2520.

Siz (veya kullanıyor olabileceğiniz herhangi bir çerçeve) çift kodlama karakterleri misiniz?

Düzenleme: Bu, özellikle LOCAL bağlantılar için biraz genişletiliyor . Kaynağa bağlanmak istediğinizi varsayarsak C:\my path\my file.html:

• Yalnızca yerel bir dosya yolu sağlarsanız, tarayıcının verilen tüm karakterleri kodlaması ve koruması beklenir (yukarıda gösterildiği gibi boşluk bırakmalısınız çünkü % geçerli bir dosya adı karakteri olduğundan ve bu nedenle kodlanacaktır) uygun bir URL'ye (sonraki noktaya bakın).
• file://Protokol ile bir URL sağlarsanız , temel olarak tüm önlemleri aldığınızı ve kodlanması gerekenleri kodladığınızı belirtirsiniz, geri kalanı özel karakterler olarak ele alınmalıdır. Yukarıdaki örnekte, bu nedenle sağlamalısınız file:///c:/my%20path/my%20file.html. Eğik çizgileri düzeltmenin yanı sıra istemciler burada karakterleri kodlamamalıdır.

NOTLAR:

• Eğik çizgi yönü - eğik çizgi /URL'lerde, \Windows yollarında ters eğik çizgi kullanılır , ancak çoğu istemci, bunları uygun eğik çizgiye dönüştürerek her ikisiyle de çalışır.
• Ek olarak, uzak bir ana bilgisayar yerine sessizce mevcut makineye atıfta bulunduğunuz için protokol adından sonra 3 eğik çizgi vardır (kısaltılmamış yolun tamamı olur file://localhost/c:/my%20path/my%file.html), ancak çoğu istemci ana bilgisayar parçası olmadan çalışacaktır (yani yalnızca iki eğik çizgi) ) yerel makineyi kastettiğinizi varsayarak ve üçüncü eğik çizgiyi ekleyerek.

Bazı - muhtemelen geçerli - nedenlerden dolayı url iki kez kodlanmıştır. %25urlencoded %işarettir. Yani orijinal url şöyle görünüyordu:

http://server.com/my path/

Sonra bir kez urlencoded edildi:

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

ve iki kez:

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

Öyleyse , sizin durumunuzda , diğer bileşenler zaten sizin için öyle göründüğü için, urlencoding yapmamalısınız . Sadece bir boşluk kullanın

Firefox tarayıcısı aracılığıyla yerel bir dosya adını ziyaret etmeye çalışırken, file:\\\protokolü ( http://en.wikipedia.org/wiki/File_URI_scheme ) zorlamanız gerekir, aksi takdirde firefox alanınızı İKİ KEZ kodlar. HTML snippet'ini bundan değiştirin:

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

buna:

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

veya bu:

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

Ardından firefox'a bunun yerel bir dosya adı olduğu bildirilir ve görüntüyü tarayıcıda doğru şekilde oluşturur, dizeyi bir kez doğru kodlar.

Yararlı bağlantı: http://support.mozilla.org/en-US/questions/900466

Aşağıdaki kod parçası sorunumu çözdü. Bunun başkaları için yararlı olabileceğini düşündüm.

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

Aksine varsayılan kullanarak encodeURIComponentkod benim ilk hat tüm dönüştürmektedir spacesiçine hyphensregex deseni kullanarak /\s\gve aşağıdaki satırı sadece tersini yapar, yani tüm dönüştürür hyphensiçin geri spacesbaşka kullanarak regex pattern /-/g. İşte /gasıl sorumlusunun finding alleşleşen karakterleri.

Bu değeri Ajax çağrıma gönderdiğimde, olarak normal spacesveya basitçe dolaşır %20ve böylece kurtulur double-encoding.

Bunu dene?

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