Untersuchung der Eingabetastenfunktion vom Typ „Datei“

<br />Beim Hochladen auf manchen Websites wird nach dem Klicken auf die Schaltfläche „Durchsuchen“ ein Dialogfeld [Datei auswählen] angezeigt. Oft müssen wir nur Bilddateien hochladen, dann werden im Popup-Dialogfeld [Datei auswählen] nur Dateien mit entsprechenden Bildformaten angezeigt und alle anderen Dateiformate werden herausgefiltert und nicht angezeigt.
Beispiel: http://www.youku.com/v1.0.0326/v/swf/up.swf
Dies ist die Video-Upload-Option von Youku, die die FLASH-Methode verwendet, um die Anzeige von Nicht-Videodateien zu verhindern.
FLASH ist in diesem Zusammenhang im Allgemeinen wie hier beschrieben.
importiere flash.net.FileReferenceList;
var fileRef:FileReferenceList = neue FileReferenceList();
var alleTypen:Array = [];
var browse type:Objekt = neues Objekt();
Browsing type.description = "Browsingtyp (*.mp3)";
Durchsuchen Sie Typ.Erweiterung = "*.mp3";
allTypes.push(Typ durchsuchen);
fileRef.browse(alleTypen);
Können wir für das <input type="File"> auf unserer Webseite auch ein Popup-Fenster implementieren, um den Dateityp einzuschränken?
Die aktuelle Lösung besteht darin, Benutzer durch Überwachung daran zu erinnern, dass das Format der hochgeladenen Datei falsch ist.
<Skript>
Funktion check(){
var Dateipfad=Pfad.Wert
Dateipfad=Dateipfad.Teilzeichenfolge(Dateipfad.letzterIndexvon('.') 1,Dateipfad.Länge)
wenn(Dateipfad != 'jpg' und Dateipfad != 'gif')
alert("Es können nur Bilder im JPG- oder GIF-Format hochgeladen werden")
}
</Skript>
<input type=file name=path onpropertychange="check()"> (Es können nur Bilder im JPG- oder GIF-Format hochgeladen werden)
<Skript>
Funktion ck(Objekt){wenn(Objekt.Wert.Länge>0){
var af="jpg,gif,png,zip,rar,txt,htm";
if(eval("with(obj.value)if(!/" af.split(",").join("|") "/ig.test(substring(lastIndexOf('.') 1,length)))1;")){alert("Erlaubte Dateitypen:\n" af);obj.createTextRange().execCommand('delete')};
}}
</Skript>
<form>
<Eingabetyp=Dateiname=Pfad onpropertychange="ck(this)"/></form>
Dieser Effekt ist jedoch offensichtlich nicht so gut wie das Benutzererlebnis von FLASH. Bei dieser Art des FLASH-Uploads ist besondere Vorsicht geboten.

<<: Beheben Sie das Problem, dass weder der Repository- noch der Tag-Name leer sind, nachdem Docker ein neues Image geladen hat.

>>: Detaillierte Erläuterung der DOM-Stileinstellungen in vier Reaktionskomponenten

Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux

Untersuchung der Eingabetastenfunktion vom Typ „Datei“

Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux

Ursachen und Lösungen für Verzögerungen bei der MySQL-Master-Slave-Synchronisierung

Analyse der Informationsarchitektur von Facebook

Beispiel für das Erreichen eines Deckeneffekts mit dem WeChat-Applet

Lösung für das Problem, dass MySql immer das mySqlInstallerConsole-Fenster öffnet

Implementierung von Linux-Dateisystemvorgängen

Detailliertes Tutorial zur Installation eines PXC-Clusters mit Docker

Detaillierte Erläuterung der Vue + Axios-Anforderungsschnittstellenmethode und der Parameterübergabemethode

Detaillierte Erläuterung zur Konfiguration des Beispielcodes für den Nginx-Webserver

So implementieren Sie eine MySQL-Datenbanksicherung in Golang

Artikel empfehlen

js, um die vollständigen Schritte der Konvertierung von Chinesisch nach Pinyin durchzuführen

Lösung für das Problem, dass Emoji-Ausdrücke nicht in MySQL eingefügt werden können

Zusammenfassung der Ausführungsprobleme zwischen MySQL Max und Where

Verwenden Sie die Tools iptables und firewalld, um Verbindungsregeln für die Linux-Firewall zu verwalten

Avue-CRUD-Implementierungsbeispiel für einen komplexen dynamischen Header auf mehreren Ebenen

Grundprinzipien des skalierbaren MySQL-Designs

Eine kleine Sammlung von HTML-Meta-Tags

HTML verwendet das Titelattribut, um Text anzuzeigen, wenn die Maus darüber schwebt

HTML + CSS + JS realisiert, dass die Leinwand dem Quellcode für Spezialeffekte des kleinen Kreises der Maus folgt

Detaillierte Erklärung zur Verwendung von Join zur Optimierung von SQL in MySQL

Verwendung von MySQL DDL-Anweisungen

Implementierungsbeispiel zum Hochladen mehrerer Anhänge in Vue

Beispielcode für mehrere Elementtabellen, um synchrones Scrollen zu erreichen

jQuery implementiert den Fall der Schriftgrößenanpassung

Einführung in die Linux-Dateikomprimierung und -Verpackung