JavaScript(ES2015&React)で画像を扱う：リサイズとプレビュー表示 - dackdive's blog
はじめに web サイト／アプリケーションで画像のアップロード機能などを実装する場合、 最近のスマホのカメラで撮影した画像はサイズが数 MB にも及ぶので、あらかじめクライアント側で送信可能なサイズまで縮小する必要があります。 今回はそのような画像のリサイズの実装方法を整理しつつ、サンプルコードを React で書いてみます。 冒頭に画像のリサイズについて色々書いてますが、結論としては便利なライブラリでよしなにやってくれるので実装方法だけ知りたい場合は読み飛ばしてください。 JavaScript で画像を扱う際の基本 まず、JavaScript で画像ファイルを扱うにあたっての非常に基本的な話。 <input type="file"> 要素で選択した画像ファイルのデータを取得し、プレビュー表示するには以下のようにします。 class ImagePreviewer extends React
Google Maps in hidden div - AIO Collective
Google Maps in hidden div Using Google Maps JS API v3 for embeding Google Maps in website is really cool and simple. You can decide if you want to add some markers, what info they should have etc. But you probably know that already and this post isn’t about how great GMaps are ;o) There are some cases, where you decide to hide div with map inside. Like in some kind of tabs. Unfortunately when the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
