최근에 나는 내부에 사진이있는 웹 페이지에 왔지만 외부 이미지 리소스는 참조되지 않았습니다. 나는 매우 궁금했다. 코드를 확인한 후 내부의 그림이 Base64 인코딩 문자열로 대체 된 것을 발견했습니다. 이것을 데이터 URI 체계라고합니다.
데이터 URI 체계가 지원하는 유형은 다음과 같습니다.
데이터 :, 텍스트 데이터
데이터 : 텍스트/일반, 텍스트 데이터
데이터 : 텍스트/html, HTML 코드
데이터 : Text/Html; Base64, Base64 인코딩 된 HTML 코드
데이터 : 텍스트/CSS, CSS 코드
데이터 : Text/CSS; Base64, Base64 인코딩 된 CSS 코드
데이터 : 텍스트/JavaScript, JavaScript 코드
데이터 : Text/JavaScript; Base64, Base64 인코딩 된 JavaScript 코드
데이터 : 이미지/gif; Base64, Base64 인코딩 된 GIF 이미지 데이터
데이터 : 이미지/png; Base64, Base64 인코딩 된 PNG 이미지 데이터
데이터 : 이미지/jpeg; Base64, Base64 인코딩 된 JPEG 이미지 데이터
데이터 : 이미지/X-ICON; Base64, Base64 인코딩 된 아이콘 이미지 데이터
간단한 페이지를 직접 만들었고 클릭하여 테스트 페이지를 보려면 소스 코드를 살펴볼 수 있습니다. 전체 작업은 다음과 같습니다.
1 Base64 코딩 된 그림
Linux에서는 Base64+ 이미지 경로를 직접 사용하여 Base64 인코딩 문자열을 생성 할 수 있습니다.
그림:
명령 사용 :
Base64 Android.png
결과 문자열은 다음과 같습니다.
코드를 복사하십시오