html - iOS ファイル入力サイズ

Question

iOS からアップロードされた写真のサイズを制限する方法を見つけた人はいますか? 標準のファイル入力フィールドを使用すると、大量の画像 (2448x3264 で少なくとも数 MB など) が生成され、特に接続が悪い場合は、アップロードにかなりの時間がかかります。

ファイル入力から画像を取得し、 canvas でサイズを変更する方法に関するいくつかのチュートリアルを見つけましたが、それが私の状況でうまくいくかどうかはわかりません。

Answer 1

アップデート

iOS の Safari がHTML5 File APIをサポートしていることに気付きました。

これを目的やその他の用途に使用できます。

この機能を実装する方法に関する優れた記事を次に示します。

---

Web ページへのアップロードについて話している場合は、Javascript を介してサイズを取得できる可能性があります。

これはテストされていないことに注意してください。

入力要素

<input type="file" id="uploadPhoto" onchange="checkSize(this)" />

Javascript

checkSize(el) {
    alert(el.files[0].size);
}