ホームページ >ウェブフロントエンド >jsチュートリアル >js は、base64 でエンコードされたバイナリ ストリーム Web ページを表示します。

js は、base64 でエンコードされたバイナリ ストリーム Web ページを表示します。

WBOY
WBOYオリジナル
2016-05-16 16:53:361260ブラウズ

データ 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 ページ内の画像は次のように表示できます:

コードをコピーします コードは次のとおりです:


は次のように表示することもできます:
コードをコピーします コードは次のとおりです。

画像ファイルの内容を HTML ファイルに直接書き込みます。この利点は、HTTP リクエストが保存されることです。欠点は、ブラウザがこの画像をキャッシュしないことです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。