cgs580 https://blog.hatena.ne.jp/cgs580/ 日常のプログラミングめも https://cgs580.hatenablog.com/ Rails base64 画像 概要 S3のプライベートバケットに保管されている画像を表示したい。 S3からオブジェクトを取得し、それをbase64エンコードしたものをData URLを使用してブラウザに埋め込み、画像を表示することを行なったので それをメモとして残します。 Data URL とは Data URL は data: スキームが先頭についたURLで、データをインラインで文書に埋め込むことができます。 スキーム(data:)、MIMEタイプ、base64トークン、データ自体の4つの部品で構成されます。 data:[<mediatype>][;base64],<data> データが文字の場合は、そのまま指定すること… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcgs580.hatenablog.com%2Fentry%2F20241104%2F1730729166" title="base64エンコード形式の文字列データをページに埋め込む - 日常のプログラミングめも" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://example.com/hoge.png Hatena Blog https://hatena.blog 2024-11-04 23:06:06 rich https://cgs580.hatenablog.com/entry/20241104/1730729166 1.0 100%