image画像ファイルを選択0%ファイルサイズの大きな画像を読み込んだときには、処理が終了するまで多少時間が掛かりますので暫くお待ちください。場合によっては、ブラウザがフリーズする可能性もありますので、なるべくサイズの小さな画像を選択することをおすすめします。URIに変換するツールです。文字列が出力されます。URIの文字列を、imgタグのsrc属性やaタグのhref属性などに指定することで、画像を直接HTMLに埋め込んで表示させることができます。ブラウザのアドレスバーに貼り付けても画像が表示されます。HTMLへの画像の埋め込み今回は例としてこちらの緑のストライプ画像を使います。URIが出力されます。この文字列を丸ごとコピーして、imgタグのsrc属性やaタグのhref属性などに指定します。横の「imgタグ」ボタンや「aタグ」ボタンを押すと、imgタグやaタグとしてそのままコピーしてHTMLで使える形になっていますので、必要に応じてご利用ください。url("data:image/png;base64,iVBORw0KGgo...(略)...lFTkSuQmCC");というような感じで指定すればOKです。CSSに埋め込んだ画像を、この背景で使用しています。APIリファレンスreadAsDataURL()は、FileReaderのメソッドです。URIとして読み込むメソッドです。画像ファイルをこのメソッドで読み込んで、読み込んだデータをimg要素のsrc属性に指定すればブラウザに表示できます。Templateism。