HTMLスペースが％20ではなく％2520と表示される

ファイル名をfirefoxブラウザに渡すと、スペースがでは%2520 なくに置き換えられます%20。

というファイルに次のHTMLがありますmyhtml.html。

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

myhtml.htmlFirefox にロードすると、画像が壊れた画像として表示されます。リンクを右クリックして画像を表示すると、次の変更されたURLが表示されます。

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

一体何ですか？それは私のスペースをに変えました%2520。それを変換してはいけません%20か？

このHTMLファイルを変更して、ブラウザが私の画像を見つけられるようにするにはどうすればよいですか？何が起きてる？

それ%2520が何であるかについて少し説明します：

コモンスペース文字は、お気づきのようにエンコードさ%20れます。%文字は次のようにエンコードされます%25。

あなたが得る方法%2520はあなたのURLがすでにそれを持っているとき%20であり、再びurlencodedされ、それがに変換さ%20れ%2520ます。

あなた（またはあなたが使用しているかもしれないフレームワーク）はダブルエンコーディング文字ですか？

編集： 特にLOCALリンクの場合、これを少し拡張します。リソースにリンクしたい場合C:\my path\my file.html：

• ローカルファイルパスのみを指定した場合、ブラウザーは指定されたすべての文字をエンコードして保護することが期待されます（上記で%は、有効なファイル名文字であり、エンコードされるため、上記のようにスペースを使用する必要があります）。適切なURLに（次のポイントを参照）。
• file://プロトコルでURLを提供する場合、基本的に、すべての予防策を講じ、エンコードが必要なものをエンコードしたことを示しています。残りは特殊文字として扱う必要があります。したがって、上記の例では、を指定する必要がありますfile:///c:/my%20path/my%20file.html。スラッシュの修正は別として、クライアントはここで文字をエンコードすべきではありません。

ノート：

• スラッシュの方向-スラッシュ/はURLで使用され\、Windowsのパスでは逆スラッシュが使用されますが、ほとんどのクライアントは適切なスラッシュに変換することで両方を処理します。
• さらに、リモートホストではなく現在のマシンを黙って参照しているため、プロトコル名の後にスラッシュが3つあります（省略されていない完全なパスはになりますfile://localhost/c:/my%20path/my%file.html）が、ほとんどのクライアントはホスト部分がなくても機能します（つまり、2つのスラッシュのみ） ）ローカルマシンを意味すると想定し、3番目のスラッシュを追加します。

いくつかの理由-おそらく有効-の理由で、URLは2回エンコードされました。%25urlencoded %サインです。したがって、元のURLは次のようになりました。

http://server.com/my path/

次に、それは一度urlencodeされました：

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

そして2回：

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

したがって、他のコンポーネントがすでにあなたのためにそれをしているように見えるので、あなたはあなたのケースでは-urlencodingをしないでください。単にスペースを使用する

firefoxブラウザーを介してローカルファイル名にアクセスする場合、file:\\\プロトコル（http://en.wikipedia.org/wiki/File_URI_scheme）を強制する必要があります。そうしないと、Firefoxがスペースを2回エンコードします。これからhtmlスニペットを変更します。

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

これに：

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

またはこれ：

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

次に、firefoxはこれがローカルファイル名であることを通知され、ブラウザで画像を正しくレンダリングし、文字列を1回正しくエンコードします。

役立つリンク：http : //support.mozilla.org/en-US/questions/900466

次のコードスニペットで問題が解決しました。これは他の人に役立つかもしれないと思った。

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

デフォルトでencodeURIComponentはなく、コードの最初の行spacesをhyphens使用してすべてを正規表現パターンに変換し/\s\g、次の行はその逆、つまりすべてを別のhyphensをspaces使用するように変換しますregex pattern /-/g。ここ/gで実際にfinding all文字を照合します。

この値をAjax呼び出しに送信すると、それは、normal spacesまたは単純にトラバースして%20、を取り除きdouble-encodingます。

これを試して？

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