ホームページ バックエンド開発 PHPチュートリアル ディスクに保存せずに、単一のスクリプトでバイナリ データから画像を表示するにはどうすればよいですか?

ディスクに保存せずに、単一のスクリプトでバイナリ データから画像を表示するにはどうすればよいですか?

Nov 08, 2024 am 06:37 AM

How can I display an image from binary data in a single script without saving it to disk?

単一スクリプト内でバイナリ データから画像を作成および表示する

多くのアプリケーションでは、バイナリ データから画像を処理し、それらをスクリプトなしで表示する機能が必要です。ディスク上の中間ストレージ。この記事では、データ URI を使用してこの機能を実現する方法について説明します。

データ URI

データ URI は、バイナリ データを HTML または CSS に直接埋め込む方法を提供します。これらは 3 つの部分で構成されます:

  • MIME タイプ: データのタイプを識別します (例: "image/png")。
  • オプションのエンコーディング: データの文字エンコーディングを指定します (例: "base64")。
  • Data: 文字列としてエンコードされたバイナリ データ。

画像にデータ URI を使用する

画像をデータ URI として埋め込むには、次の形式が使用されます:

たとえば、PNG 画像を埋め込むにはBase64 エンコードを使用したデータ URI:

コード例

次の PHP 関数は、バイナリ イメージ ファイルからデータ URI を作成します:

バイナリ データから画像を表示するには、HTML ディスクに保存せずに、単一のスクリプトでバイナリ データから画像を表示するにはどうすればよいですか? の src 属性としてデータ URI を使用するだけです。要素:

データ URI の利点

画像にデータ URI を使用すると、次のような利点があります。

  • ネットワークの削減リクエスト: データ URI は画像データを HTML に直接埋め込み、追加の HTTP リクエストの必要性を排除します。
  • クロスオリジン画像読み込み: データ URI を使用して画像をロードできます。
  • パフォーマンスの向上: 余分なネットワーク リクエストとディスク I/O を排除することで、データ URI はイメージ読み込みの全体的なパフォーマンスを向上させることができます。

以上がディスクに保存せずに、単一のスクリプトでバイナリ データから画像を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

11ベストPHP URLショートナースクリプト(無料およびプレミアム) 11ベストPHP URLショートナースクリプト(無料およびプレミアム) Mar 03, 2025 am 10:49 AM

11ベストPHP URLショートナースクリプト(無料およびプレミアム)

Laravelでフラッシュセッションデータを使用します Laravelでフラッシュセッションデータを使用します Mar 12, 2025 pm 05:08 PM

Laravelでフラッシュセッションデータを使用します

Instagram APIの紹介 Instagram APIの紹介 Mar 02, 2025 am 09:32 AM

Instagram APIの紹介

Laravelテストでの簡略化されたHTTP応答のモッキング Laravelテストでの簡略化されたHTTP応答のモッキング Mar 12, 2025 pm 05:09 PM

Laravelテストでの簡略化されたHTTP応答のモッキング

LaravelのバックエンドでReactアプリを構築する:パート2、React LaravelのバックエンドでReactアプリを構築する:パート2、React Mar 04, 2025 am 09:33 AM

LaravelのバックエンドでReactアプリを構築する:パート2、React

PHPのカール:REST APIでPHPカール拡張機能を使用する方法 PHPのカール:REST APIでPHPカール拡張機能を使用する方法 Mar 14, 2025 am 11:42 AM

PHPのカール:REST APIでPHPカール拡張機能を使用する方法

Codecanyonで12の最高のPHPチャットスクリプト Codecanyonで12の最高のPHPチャットスクリプト Mar 13, 2025 pm 12:08 PM

Codecanyonで12の最高のPHPチャットスクリプト

Laravelの通知 Laravelの通知 Mar 04, 2025 am 09:22 AM

Laravelの通知

See all articles