2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

base64形式にして画像を表示できるようにする React

Last updated at Posted at 2020-01-22

初めてbase64を使ったのでメモ

#base64とは
この記事を読むとわかる
base64ってなんぞ??理解のために実装してみた

#base64に変換してくれるサイト
画像をbase64に変換してくれるサイト

実際にbase64化されたURLをブラウザで検索して、画像が表示されてたらbase64化できてる

#実装方法

logo.js
export const logo ="base64形式のURL"
App.js
import logo from './logo'

(コード省略)
<img src={logo} alt={画像が表示されない時に代わりに表示したい文字} />

画像を export して 読み込みたいところでimportして使える!

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?