データURIスキーム。
データURIスキームはRFC2397で定義されており、いくつかの小さなデータを直接Webページに埋め込む目的で、外部ファイルからロードする必要はありません。たとえば、上記の文字列は、実際にはこれらのキャラクターをFirefoxアドレスバーにコピーして貼り付けます。
上記のデータURIでは、データは取得されたデータの契約名、画像/GIFはデータ型名、base64はデータのエンコードメソッド、コンマの後に画像/GIFファイルBase64がエンコードされたデータが続きます。 。
現在、データURIスキームでサポートされているタイプは次のとおりです。
データ：、テキストデータ
データ：テキスト/プレーン、テキストデータ
データ：Text/HTML、HTMLコード
データ：Text/HTML; base64、base64エンコードHTMLコード
データ：テキスト/CSS、CSSコード
データ：Text/CSS; base64、base64エンコードCSSコード
データ：Text/JavaScript、JavaScriptコード
データ：Text/JavaScript; base64、base64エンコードJavaScriptコード
データ：Image/GIF; Base64エンコードGIF画像データ
データ：Image/PNG; Base64エンコードされたPNG画像データ
データ：画像/jpeg、base64エンコードされたJPEG画像データ
データ：Image/X-Icon、base64エンコードされたアイコン画像データ
Base64は、8ビットデータを標準のASCII文字に変換します。 'Images /log.gif”'））;
現在、IE8、Firfox、Chrome、およびOpera Browserはすべて、この種の小さなファイルの埋め込みをサポートしています。
写真の例を見てみましょう：
Webページの画像は次のように表示できます。
コードコピーは次のとおりです。
<img src = "http://www.jwzzsw.com/images/log.gif"/>
このように表示することもできます。
コードコピーは次のとおりです。
<img src = "data：image/gif; base64、r0lgodlhagacaiaaap /// waaacwaaaaagacaaarads ="/>
画像ファイルの内容をHTMLファイルに直接書き込みます。欠点は、ブラウザがそのような画像をキャッシュしないことです。
PS：ここでは、参照用のBase64エンコードツールとBase64エンコード変換ツールへのオンライン画像を提供します。
base64への画像変換オンラインツール：http：//tools.vevb.com/transcoding/img2base64
Base64エンコードおよびデコードツール： http：//tools.vevb.com/transcoding/base64