Data URI scheme 사양을 사용한 이미지 표현
1177 단어 base64imgdata uri scheme
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4AQAAAAARHwt/AAAAq0lEQVR42u3VQQrEMAgFUMFrCV5d8FpC55tQaGYx4J9t00L6upCoSSvXOeT1t0NEM7Qnytl3+JooB8KZ98Tb8y9nOW/cJXrkN/GqJ5Zz1HfgNUrP/g4c4h3M73ymvgrPHmKks0xwmZdS7nUEiD3B2ayzEb/7MXSPsG4J525kIZl8nMeJ93kyrMo5oyC1W0p772neCCb9RaDcr0xDH+dr4q4nEHe8qd//yQ9/AIx/XBg3tuj2AAAAAElFTkSuQmCC120X120의 PNG 형식 그림을 볼 수 있으며, 물론 상기 코드를
data:[<MIME-type>][;charset=<encoding>][;base64],<data>따라서 상기 코드에서'데이터:image/png;base64'다음 텍스트는 그림 바이트 흐름을Base64로 한 문자열입니다.물론'MIME-type'에 따라 다른 형식의 내용을 더 많이 보여줄 수 있다.
응용 장면: Data URI scheme 규범을 이용하여 그림을 보여주면 네트워크 요청을 줄일 수 있다. 예를 들어 1X1의 그림 차지 문자 등 수식적인 그림에 특히 적합하다고 생각한다.그러나 브라우저의 호환성과 Base64 이후의 문자열 길이 등도 주목해야 한다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ssh를 통해 이미지 데이터와 같은 바이너리를 서버로 보냅니다.ssh로부터 웹 컨텐츠 등을 편집하고 있을 때, 약간의 화상을 서버상에 보내고 싶을 때가 있다. 또 하나 콘솔을 열어 거기에서 scp하거나 전송용의 어플리케이션을 기동하거나 해도 괜찮지만, 괜찮다. 몇 대의 서버를 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
