HTML 공간이 % 20 대신 % 2520으로 표시됩니다.

firefox 브라우저에 파일 이름을 전달하면 공백 %2520 이 %20.

라는 파일에 다음 HTML이 있습니다 myhtml.html.

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

myhtml.html파이어 폭스로 로드 하면 이미지가 깨진 이미지로 표시됩니다. 따라서 링크를 마우스 오른쪽 버튼으로 클릭하여 사진을 보면 다음 수정 된 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.

이중 인코딩 문자입니까 (또는 사용중인 프레임 워크)?

편집 : 특히 로컬 링크의 경우 이것에 대해 약간 확장 합니다. 리소스에 연결하고 싶다고 가정합니다 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). 그러나 대부분의 클라이언트는 호스트 부분없이 작동합니다 (예 : 두 개의 슬래시 만 ) 로컬 시스템을 의미한다고 가정하고 세 번째 슬래시를 추가합니다.

일부-아마도 유효한-이유 때문에 URL이 두 번 인코딩되었습니다. %25urlencoded %기호입니다. 따라서 원래 URL은 다음과 같습니다.

http://server.com/my path/

그런 다음 한 번 urlencoded되었습니다.

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

그리고 두 번 :

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

그래서 당신은 어떤에는 urlencoding하지 않는다해야합니다 - 귀하의 경우 - 다른 구성 요소가 당신을 위해 이미에로 보인다. 단순히 공백을 사용하십시오.

Firefox 브라우저를 통해 로컬 파일 이름을 방문하려고 할 때 file:\\\프로토콜 ( http://en.wikipedia.org/wiki/File_URI_scheme ) 을 강제해야 합니다. 그렇지 않으면 firefox가 공간을 두 번 인코딩합니다. 다음에서 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는 이것이 로컬 파일 이름이라는 알림을 받고 브라우저에서 이미지를 올바르게 렌더링하여 문자열을 한 번 올바르게 인코딩합니다.

유용한 링크 : 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,'+')