MySQL BLOB の画像表示の問題について

MySQL データベースに BLOB として保存されている画像を表示しようとすると、開発者は、テキストが前にエコーされるという問題に遭遇することがよくあります。または、画像のヘッダーによって画像が正しく表示されなくなった後です。

問題の原因

問題が発生するのは、 Web ブラウザは、画像データ ストリームの外側でエコーされたテキストを画像の一部として解釈します。これは、ヘッダーと画像データを中断することなく継続的に配信する必要があるためです。

解決策

他のアイテムと画像を中断することなく一緒に表示するには、画像データを変換することができます。をbase64に変換し、タグ内に埋め込みます。このアプローチにより、画像を表示しながら HTML 出力にテキストやその他の要素を含めることができます。

コードの改訂版は次のとおりです:

echo '';
echo 'Hello world.';

注: このソリューションでは画像と他のテキストの両方を表示できますが、キャッシュできず、モバイル デバイスでは速度が低下する可能性があるため、理想的ではありません。 。データ URI の詳細については、caniuse のドキュメントを確認することを検討してください。