Возможно, вы заметили, что на некоторых изображениях на веб -странице есть большая цепочка символов, за которым следует URL -адрес фонового изображения SRC или CSS, таких как: данные: Image/PNG; Base64, ivborw0kggoaaaaansuheugnzvjlywr5cclpaaaaahhjrefueno8zjsoxcambfb/keauffr0cbng3nqpw68arzdalozppfibhh5eab8b+tlt9myq6 i1buqfaq1cksvcxz2acs6406kugpt5/kuvgz5bdcszo99zodczgvt4mjjzmvkqcha68iiepb86gaiov8cdadliuqbs7md3waaabjru5erkjgg%3d. Так что это? Это схема данных URI.
Схема URI Data определяется в RFC2397, с целью включения некоторых небольших данных непосредственно в веб -страницу, чтобы ее больше не нужно загружать из внешних файлов. Например, строка символов выше на самом деле маленькая картина. Скопируйте и вставьте эти символы в адресную панель Firefox и перейдите к нему, вы можете увидеть его, изображение белого серого PNG 1x36.
В приведенном выше URI данные представляют имя договора полученных данных, Image/PNG является именем типа данных, Base64 является методом кодирования данных, а запятой сопровождается данными, кодируемыми Base64 этого изображения/PNG.
В настоящее время типы, поддерживаемые схемой Data URI:
Данные:, текстовые данные
Данные: текст/простые текстовые данные
Данные: текст/HTML, HTML -код
Данные: текст/HTML; BASE64, BASE64 Кодированный HTML -код
Данные: текст/CSS, CSS -код
Данные: Text/CSS; BASE64, BASE64 Кодированный CSS -код
Данные: текст/JavaScript, код JavaScript
Данные: Text/JavaScript; Base64, кодированный кодированный JavaScript Base64
Данные: изображение/GIF; BASE64, BASE64, закодированные данные GIF -изображения
Данные: изображение/PNG; BASE64, кодированные данные PNG BASE64
Данные: Image/JPEG; BASE64, кодированные данные JPEG BASE64
Данные: Image/X-ICON; Base64, Base64 кодированные данные изображения изображения
Base64 просто положил, он переводит несколько 8-битных данных в стандартные символы ASCII. В Интернете есть много бесплатных инструментов кодирования и декодирования Base64. В PHP вы можете использовать функцию base64_encode () для кодирования, например, echo base64_encode (file_get_contents ('wg.png'));
В настоящее время IE8, Firfox, Chrome и Opera Browsers все поддерживают этот вид небольших файлов.
Возьмите пример картинки:Изображение на веб -странице можно отобразить так:
<img src = http: //www.letuciotit.com/images/wg.png/>
Это также может быть отображена так:
Скопировать код