Maison >interface Web >tutoriel CSS >Solution au problème d'ouverture lente et de gel des entrées[type=file]
L'éditeur suivant vous proposera un article pour résoudre rapidement le problème de saisie lente et bloquée[type=file] lors de l'ouverture. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil
Pourquoi définir l'attribut dans la balise lorsque le type de balise d'entrée est fichier pour télécharger un fichieraccpet="image/*", ouvrez Les dossiers locaux sont-ils particulièrement lents ?
Après les tests, il a été constaté que Safari, Firefox et Chrome (Opera continue de planter pour une raison quelconque) sur Mac n'ont pas de problème de décalage
Sous Windows, Firefox ne traîne pas, seul Chrome est bloqué et s'est arrêté.
J'ai donc décidé d'essayer de supprimer accpet en premier...
Effectivement, il n'y avait pas de problème de décalage.
Ensuite, j'ai essayé ce packageaccpet="image/jpg"Effectivement, il n'y a pas de décalage non plus ! !
Il semble que le problème soit "image/*"
Mais l'intention initiale de l'écriture de accpet est de filtrer toutes les images_( : з ∠)_
Ainsi, afin de répondre à cette exigence et d'améliorer l'expérience utilisateur en même temps, nous ne pouvons qu'énumérer le
le code modifié
<input type ="file" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp"/>
Réessayez, c'est vraiment bon !
Il s'avère que la fonction SafeBrowsing de Chrome vérifie les fichiers lors du téléchargement ou de l'enregistrement
Et si la connexion réseau à Google est plus rapide, là-bas ? il n'y a pas de problème.
Mais si la connexion est lente, ou simplement en panne, SafeBrowsing laissera Chrome se bloquer pendant un certain temps jusqu'à ce que la vérification du fichier se termine ou expire.
Utilisez accepter= "image/png, image/jpeg, image/gif" peut résoudre ce problème, car ces types MIME sont dans la liste blanche de SafeBrowsing et ne sont pas nécessaires examiner.
Mais si vous utilisez quelque chose comme accept="image/*", cela ne fonctionnera pas et cela risque de rester bloqué.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!