데이터 유형 Url 형식

2247 단어 Data
오늘 사이트를 방문했을 때 아주 기묘한 실현을 발견했습니다. 그래서 다음 페이지의 원본을 보았는데 페이지에 이상한 URL이 도입된 것을 발견했습니다. (data:image/jpeg;base64,/9j/4QecRXhpZgAATU0AKgAAAAgABwESAMA...)크롬 브라우저의network에서 봤는데 이런 요청이 하나 왔어요. 그런데 IP가 지정되지 않았어요. 요청 헤더도 없고 응답 헤더도 없고 문자열만 한 줄 있었어요. 요청은 어디로 갈까요?궁금해서 구글에서 검색해 봤는데 데이터 형식의 URL 형식으로 작은 데이터를 URL에 직접 삽입할 수 있고 브라우저는 자동으로 데이터: 뒤의 데이터를 해석합니다.
예: 브라우저의 주소 표시줄에 입력
data:text/html,<html><body><p><b>Hello, world!</b></p></body></html>
브라우저에서 Hello, World를 볼 수 있습니다!즉 데이터:text/html 뒤의 데이터는 웹 주소가 아닌 웹 페이지의 내용으로 직접 사용된다.
예를 들면 다음과 같습니다.
data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/ LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D

브라우저에서 1장이 나옵니다.×36의 png 그림.
위의 데이터 URL에서 데이터는 데이터를 얻는 협정 이름을 나타낸다. 이미지/png은 데이터 형식 이름이고 베이스64는 데이터의 인코딩 방법이다. 베이스64는 네트워크에서 가장 흔히 볼 수 있는 8bit 바이트 코드를 전송하는 인코딩 방식 중 하나로 http 환경에서 비교적 긴 표지 정보를 전달할 수 있다. 쉼표 뒤에 이 이미지/png 파일base64가 인코딩된 데이터가 있다.
현재 데이터 형식의 URL이 지원하는 형식은 다음과 같습니다.
데이터:, 텍스트 데이터
데이터:text/plain, 텍스트 데이터
데이터:text/html, HTML 코드
data:text/html;base64, base64 인코딩된 HTML 코드
데이터:text/css, CSS 코드
data:text/css;base64, base64 인코딩 CSS 코드
데이터:text/javascript, Javascript 코드
data:text/javascript;base64, base64 인코딩된 Javascript 코드
data:image/gif;base64, base64 인코딩된gif 이미지 데이터
data:image/png;base64, base64 인코딩된 png 이미지 데이터
data:image/jpeg;base64, base64 인코딩된 jpeg 이미지 데이터
data:image/x-icon;base64, base64 인코딩된 icon 이미지 데이터
베이스64는 간단하게 말하면 8-bit 데이터를 표준 ASCII 문자로 번역한다. 인터넷에는 무료 베이스64 인코딩과 디코딩 도구가 많은데 PHP에서는 함수 베이스64 를 사용할 수 있다.echo base64 와 같이 encode()를 인코딩합니다.encode(file_get_contents(‘wg.png’));
현재 IE8, Firfox, Chrome, Opera 브라우저는 모두 이런 작은 파일 삽입을 지원한다.
데이터 형식의 Url의 가장 직접적인 장점은 이러한 Url은 원래 새로운 인터넷 방문을 일으킬 수 있다는 것이다. 왜냐하면 그곳은 웹 페이지의 주소이기 때문에 지금은 새로운 인터넷 방문이 없을 것이다. 왜냐하면 지금은 여기가 웹 페이지의 내용이기 때문이다.이렇게 하면 서버의 부하를 줄일 수 있으며, 물론 현재 웹 페이지의 크기도 증가할 뿐만 아니라, 그림도 캐시하지 않을 것이다.그래서'소형'데이터에 특히 좋다.

좋은 웹페이지 즐겨찾기