次のような、JavaScript の base64 形式のさまざまな種類の画像コンテンツがあります。
PNG ファイル: "iVBORw0KGgoAAAANSUhEUgAABQAAAAL4CAYAAAAkgloNAAAgA......."
jpeg ファイル: "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDA......"
同様に、GIF、BMP などの他の画像もある可能性があります。
コンテンツに基づいて画像の種類を判断する方法が必要です。ファイルの種類ごとにヘッダーがあることを理解しており、それを参照して画像のコンテンツの種類を判断できます。参照例: http://en.wikipedia.org/wiki/Portable_Network_Graphics#Technical_details .
しかし、よりスマートな方法でトリックを実行するライブラリまたはその他の手法を知っている人はいますか? 必要に応じて、HTML5 の機能を使用できます。
主な目的は、画面に画像をレンダリングすることです。そのために、dataURI パターンを使用します。画像コンテンツがあります。必要なのは、URL の「data:image/png」部分に正しい値を入力することだけです。