入力[type=file]の起動が遅くて動かなくなる問題を素早く解決します

入力タグタイプがファイルで、タグ内にaccpet="image/*"属性が設定されている場合、ローカルフォルダを開く速度が特に遅くなるのはなぜでしょうか？

テストの結果、Mac 上の Safari、Firefox、Chrome では遅延の問題がないことがわかりました (Opera は何らかの理由で常にクラッシュします)。

Windows では、Firefox は遅延しませんが、Chrome のみが遅延します。

そこで、まずacceptを削除することにしました...

案の定、ラグの問題はありませんでした。

次に、このパッケージはaccpet="image/jpg"を試しましたが、実際にはスタックしませんでした。 ！

問題は「image/*」にあるようです

しかし、accpetを書いた当初の意図は、すべての写真をフィルタリングすることでした_(:з」∠)_

この要件を満たし、ユーザー エクスペリエンスを向上させるには、列挙型のみを使用できます。

修正されたコード

<input type="file" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp"/>

もう一度試してください。問題なく動作します。

これは、Chrome のSafeBrowsing機能がアップロード時または保存時にファイルをチェックするためであることが判明しました。

Google へのネットワーク接続が高速であれば、問題はありません。

ただし、接続が遅い場合や切断されている場合、SafeBrowsing はファイルのチェックが完了するかタイムアウトするまで、Chrome をしばらくハングさせます。

accept="image/png, image/jpeg, image/gif"を使用すると、これらの MIME タイプはSafeBrowsing のホワイトリストに含まれているため、チェックする必要がないため、この問題を解決できます。

しかし、 accept="image/*"のようなものを使用すると、機能せず、停止してしまう可能性があります。

入力[type=file]の起動が遅くて動かなくなる問題を素早く解決する方法に関する上記の記事は、エディターがあなたと共有するすべての内容です。参考になれば幸いです。また、123WORDPRESS.COM をサポートしていただければ幸いです。