รูปแบบข้อมูล URI
รูปแบบข้อมูล URI ถูกกำหนดไว้ใน RFC2397 โดยมีวัตถุประสงค์เพื่อฝังข้อมูลขนาดเล็กลงในหน้าเว็บโดยตรงเพื่อไม่ให้โหลดจากไฟล์ภายนอกอีกต่อไป ตัวอย่างเช่นสตริงของอักขระด้านบนเป็นภาพเล็ก ๆ
ในข้อมูลข้างต้น URI ข้อมูลแสดงถึงชื่อสัญญาของข้อมูลที่ได้รับ Image/GIF คือชื่อประเภทข้อมูล Base64 เป็นวิธีการเข้ารหัสของข้อมูลและเครื่องหมายจุลภาคตามด้วยข้อมูลที่เข้ารหัสโดยไฟล์ Image/GIF Base64 .
ปัจจุบันประเภทที่รองรับโดย Data URI Scheme คือ:
ข้อมูล: ข้อมูลข้อความ
ข้อมูล: ข้อความ/ธรรมดาข้อมูลข้อความ
ข้อมูล: ข้อความ/html, รหัส html
ข้อมูล: ข้อความ/html; base64, base64 รหัส HTML เข้ารหัส
ข้อมูล: ข้อความ/CSS, รหัส CSS
ข้อมูล: ข้อความ/css; base64, base64 รหัส CSS เข้ารหัส
ข้อมูล: ข้อความ/JavaScript, รหัส JavaScript
ข้อมูล: ข้อความ/javascript; base64, base64 รหัส JavaScript ที่เข้ารหัส
ข้อมูล: รูปภาพ/gif;
ข้อมูล: รูปภาพ/png;
ข้อมูล: image/jpeg; base64, base64 เข้ารหัสข้อมูล JPEG
ข้อมูล: Image/X-ICON;
Base64 เพียงแค่แปลข้อมูล 8 บิตเป็นอักขระ ASCII มาตรฐาน 'images /log.gif”'));
ปัจจุบันเบราว์เซอร์ IE8, Firfox, Chrome และ Opera ทั้งหมดสนับสนุนการฝังไฟล์ขนาดเล็กประเภทนี้
ยกตัวอย่างรูปภาพ:
สามารถแสดงภาพบนหน้าเว็บได้เช่นนี้:
การคัดลอกรหัสมีดังนี้:
<img src = "http://www.jwzzsw.com/images/log.gif"/>
นอกจากนี้ยังสามารถแสดงเช่นนี้:
การคัดลอกรหัสมีดังนี้:
<img src = "ข้อมูล: image/gif; base64, r0lgodlhagacaiaaap /// waaacwaaaaagacaaaorrads ="/>
เราเขียนเนื้อหาของไฟล์ภาพลงในไฟล์ HTML โดยตรง ข้อเสียคือเบราว์เซอร์จะไม่แคชรูปภาพดังกล่าว
PS: ที่นี่เราให้ภาพออนไลน์กับเครื่องมือเข้ารหัส Base64 และเครื่องมือแปลงการเข้ารหัส Base64 สำหรับการอ้างอิงของคุณ:
การแปลงภาพเป็น Base64 การเข้ารหัสเครื่องมือออนไลน์ : http://tools.vevb.com/transcoding/img2base64
Base64 เครื่องมือการเข้ารหัสและถอดรหัส: http://tools.vevb.com/transcoding/base64