Heim > Web-Frontend > CSS-Tutorial > Lösung für das Problem des langsamen Öffnens und Einfrierens von Eingaben[Typ=Datei]

Lösung für das Problem des langsamen Öffnens und Einfrierens von Eingaben[Typ=Datei]

巴扎黑
Freigeben: 2017-08-12 15:06:39
Original
2411 Leute haben es durchsucht

Der folgende Editor bringt Ihnen einen Artikel, der das Problem langsamer und hängengebliebener Eingaben[type=file] beim Öffnen schnell löst. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Editor und werfen wir einen Blick darauf

Warum das Attribut im Tag festlegen, wenn der Eingabe-Tag-Typ „Datei“ ist, um eine Datei hochzuladenaccpet="image/*", öffnen Sind lokale Ordner besonders langsam?

Nach Tests wurde festgestellt, dass Safari, Firefox und Chrome (Opera stürzt aus irgendeinem Grund ständig ab) auf dem Mac keine Verzögerungsprobleme haben.

Unter Windows verzögert sich Firefox nicht, nur Chrome bleibt hängen und blieb stehen.

Also habe ich beschlossen, zunächst zu versuchen, accpet zu entfernen...

Tatsächlich gab es kein Verzögerungsproblem.

Dann probieren Sie dieses Paket ausaccpet="image/jpg"Natürlich gibt es auch keine Verzögerung! !

Es scheint, dass das Problem "image/*" ist

Aber die ursprüngliche Absicht des Schreibens von accpet besteht darin, alle Bilder herauszufiltern_( : з ∠)_

Um diese Anforderung zu erfüllen und gleichzeitig die Benutzererfahrung zu verbessern, können wir nur

modifizierten Code aufzählen


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

Versuchen Sie es noch einmal, es ist wirklich gut!

Es stellt sich heraus, dass die Funktion SafeBrowsing Dateien beim Hochladen oder Speichern überprüft.

Was ist, wenn die Netzwerkverbindung zu Google dort schneller ist? ist kein Problem.

Aber wenn die Verbindung langsam ist oder einfach nicht verfügbar ist, lässt SafeBrowsing Chrome für eine gewisse Zeit hängen, bis die Dateiprüfung endet oder eine Zeitüberschreitung auftritt

Verwenden Sie accept= „image/png, image/jpeg, image/gif“ kann dieses Problem lösen, da diese MIME-Typen in der Whitelist von SafeBrowsing stehen und nicht benötigt werden prüfen.

Aber wenn Sie etwas wie accept="image/*" verwenden, funktioniert es nicht und kann hängen bleiben.

Das obige ist der detaillierte Inhalt vonLösung für das Problem des langsamen Öffnens und Einfrierens von Eingaben[Typ=Datei]. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage