ホームページ >ウェブフロントエンド >jsチュートリアル >js は、base64 でエンコードされたバイナリ ストリーム Web ページを表示します。
データ URI スキーム。
データ URI スキームは RFC2397 で定義されています。その目的は、外部ファイルからロードする必要がないように、いくつかの小さなデータを Web ページに直接埋め込むことです。たとえば、上の文字列は実際には小さな画像です。これらの文字をコピーして Firefox のアドレス バーに貼り付け、そこに移動すると、2*2 の白い gif 画像が表示されます。
上記のData URIにおいて、dataはデータを取得するためのプロトコル名、image/gifはデータ型名、base64はデータのエンコード方式、カンマ以降は画像のbase64エンコードデータです。 /gif ファイル。
現在、データ URI スキームでサポートされているタイプは次のとおりです:
data:、テキスト データ
data:text/plain、テキスト データ
data:text/html、HTML コード
data:text / html;base64,base64 エンコードされた HTML コード
データ:text/css,CSS コード
データ:text/css;base64,base64 エンコードされた CSS コード
データ:text/javascript,JavaScript コード
データ:text/javascript;base64,base64 エンコードされた JavaScript コード
data:image/gif;base64,base64 エンコードされた gif 画像データ
data:image/png;base64,base64 エンコードされた PNG 画像データ
data:image/ jpeg;base64,base64 でエンコードされた jpeg 画像データ
data:image/x-icon;base64,base64 でエンコードされたアイコン画像データ
base64 簡単に言うと、一部の 8 ビット データを標準 ASCII 文字の場合に変換します。 PHP では、base64_encode() 関数を使用してエンコードできます。
現在、IE8 、Firefox、Chrome、および Opera ブラウザはすべて、この種の小さなファイルの埋め込みをサポートしています。
画像の例を見てみましょう:
Web ページ内の画像は次のように表示できます: