Você deve ter notado que algumas imagens na página da web têm uma grande série de caracteres seguidos pelo URL da imagem de fundo SRC ou CSS, como: Dados: Image/PNG; Base64, IVBORW0KGGOAAAANSUHEUGNZVJLYWR5CCLLPAAAAHHJREFUENO8ZJSOXCAMBFB/Keauffr0cbng3nqpw68arzdalozpppfibhh5eAb8b+tlt9myq6 I1BUQFAQ1CKSVCXZ2ACS6406KUGPT5/KUVGZ5BCDCSZO99ZODCZGVT4MJJZMVKQCHA68IIEPB86GAIOV8CDADLIUQBS7MD3WAAABJROIVERSO. Então, o que é isso? Este é o esquema de URI de dados.
O esquema de URI de dados é definido no RFC2397, com o objetivo de incorporar alguns pequenos dados diretamente em uma página da web, para que não precise mais ser carregado de arquivos externos. Por exemplo, a sequência de caracteres acima é realmente uma imagem pequena. Copie e cole esses caracteres na barra de endereço do Firefox e vá até ela, você pode vê -la, uma imagem PNG cinza branca de 1x36.
No URI de dados acima, os dados representam o nome do contrato dos dados obtidos, a imagem/PNG é o nome do tipo de dados, base64 é o método de codificação dos dados e a vírgula é seguida pelos dados codificados pela base64 desta imagem/arquivo png.
Atualmente, os tipos suportados pelo esquema de URI de dados são:
Dados:, dados de texto
Dados: texto/simples, dados de texto
Dados: Texto/HTML, código HTML
Dados: Texto/HTML; Base64, Base64 Código HTML codificado
Dados: Texto/CSS, código CSS
Dados: Texto/CSS; Base64, Base64 Código CSS codificado
Dados: Texto/JavaScript, código JavaScript
Dados: Texto/JavaScript; Base64, Base64 Código JavaScript codificado
Dados: imagem/gif; Base64, Base64 Dados da imagem do GIF codificado
Dados: imagem/png; Base64, Base64 Dados da imagem PNG codificados
Dados: imagem/jpeg; Base64, Base64 codificou dados de imagem JPEG
Dados: Image/X-icon; Base64, Base64 Dados da imagem do ícone codificado
Base64 simplesmente colocado, traduz alguns dados de 8 bits em caracteres ASCII padrão. Existem muitas ferramentas gratuitas de codificação e decodificação base64 na Internet. No PHP, você pode usar a função base64_encode () para codificar, como echo base64_encode (file_get_contents ('wg.png'));
Atualmente, os navegadores IE8, Firfox, Chrome e Opera suportam esse tipo de incorporação de pequenos arquivos.
Dê um exemplo de foto:Uma imagem na página da web pode ser exibida assim:
<img src = http: //www.letuknokit.com/images/wg.png/>
Também pode ser exibido assim:
Copie o código