JavaScript で File オブジェクトの画像のサイズを取得する方法
JavaScript で File オブジェクトとして保持された画像ファイルのサイズ（幅・高さ）を取得する方法についてです。 Node ではなくクライアントサイドの JavaScript でのお話です。 早速結論ですが、 Image オブジェクトを生成して src にそのファイルの中身をセットし、 onload コールバックが呼ばれたときにサイズを取得すれば OK です。 const img = new Image(); img.onload = () => { // ここでサイズが取得できる const size = { width: img.naturalWidth, height: img.naturalHeight, }; URL.revokeObjectURL(img.src); console.log(size); }; img.src = URL.createObjectUR
[JavaScript] FileList オブジェクトを理解する｜tsuchippo blog
選択したファイルをあれこれ操作したい 下記のようなファイル選択画面でユーザが選択したファイルに関して、実際にサーバにアップロードする前にファイルの中身をチェックしたり、バリデーション(ファイル形式や容量制限)をかけたい… ということって結構ありますよね。 なんの制限もなくドカドカ上げられちゃうとサーバが逼迫したりするので… そういったときに役立つかもしれない？ ファイル操作のアレコレや FileList オブジェクトに関してまとめてみようかな〜ということで今回は、
![[JavaScript] FileList オブジェクトを理解する｜tsuchippo blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/42ef4d4cc0ac17815f31551e45d160675b99715f/height=288;version=1;width=512/https%3A%2F%2Ftsuchippo.com%2Fwp-content%2Fuploads%2F2021%2F06%2Ffilelistobj.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
