ホームページ >ウェブフロントエンド >CSSチュートリアル >input[type=file]を開くのが遅くフリーズする問題の解決策

input[type=file]を開くのが遅くフリーズする問題の解決策

巴扎黑
巴扎黑オリジナル
2017-08-12 15:06:392420ブラウズ

次のエディターは、input[type=file] を開くときに遅くてスタックする問題を迅速に解決する記事を提供します。編集者はこれがとても良いと思ったので、参考として共有します。エディターをフォローして見てみましょう

ファイルをアップロードするために入力タグの種類が file のときにタグに属性 accpet="image/*" が設定されている場合、ローカルフォルダーを開くのが非常に遅いのはなぜですか?

テストの結果、Mac 上の Safari、Firefox、Chrome では遅延がないことがわかりました (Opera はなぜクラッシュし続けるのかわかりません)

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

そこで、まず accpet を削除してみることにしました...

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

それではこのパッケージを試してみますaccpet="image/jpg"予想通り、もう動かなくなりました! !

問題は "image/*"

のようですが、accpet を書く本来の目的は、すべての写真をフィルタリングすることです_(:з ∠)_

したがって、この要件を達成するには、ユーザーエクスペリエンスを向上させるために、変更されたコード

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

を列挙して再試行するだけで、完全に動作します。


Chrome の

SafeBrowsing

機能は、アップロードまたは保存時にファイルをチェックすることが判明しました Google へのネットワーク接続が比較的高速であれば、問題はありません。 ただし、接続が遅い場合、または単にダウンしている場合は、セーフブラウジングにより、ファイル チェックが終了するかタイムアウトになるまで、しばらく Chrome がハングします

accept="image/png, image/jpeg, image/gif "

を使用してくださいこれらの MIME タイプは

SafeBrowsing のホワイトリストに含まれており、チェックする必要がないため、 はこの問題を解決できます。 ただし、 accept="image/*"

のようなものを使用すると、機能せず、スタックする可能性があります。

以上がinput[type=file]を開くのが遅くフリーズする問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。