
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【JavaScript】フォーム上などの画像ファイルをブラウザだけでリサイズ - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【JavaScript】フォーム上などの画像ファイルをブラウザだけでリサイズ - Qiita
JavaScriptで画像ファイルをリサイズしたい時があると思います。僕はありました。 単にFileを投入して変... JavaScriptで画像ファイルをリサイズしたい時があると思います。僕はありました。 単にFileを投入して変換するコードが意外となかったのでここに共有します。 この例では、リサイズ後の画像をブラウザからダウンロードの形で取得できるようにしました。 DEMO See the Pen GRJRrPW by hiroism (@jukaism) on CodePen. Canvasを利用します Canvasは図を表示するための仕様ですが、機能が豊富なので画像加工にも利用できます。 <html lang="ja"> <body> <input type="file" id="image_zone"> <br> <canvas style="width: 484px; height: 253px;" id="canvas"></canvas> <script src="https://cdn.j