Ich arbeite an HTML und Java-Skript. Ich habe Eingabedateityp mit, dass ich möchte, dass die Eingabedatei nur .xls-DateiEingabedatei nur .xls Datei
<input type='file' id ="browse" name ="browse"/>
Jetzt möchte sollte ich, dass die ausgewählten Dateien nur .xls-Datei sein ..und diese xls-Datei zu lesen. wie das mit Java-Skript zu tun ... Und wenn jemand mir mit dem JavaScript-Code erklären kann, die mehr geschätzt werden.
Dies wird die Dateierweiterung nach der Auswahl einer Datei überprüfen. Wenn es nicht .xls ist, dann wirft sie einen Alarm Fehler:
document.getElementById("browse").onchange = function() {
var fileName = this.value;
var fileExtension = fileName.substr(fileName.length - 4);
console.log(fileExtension);
if (fileExtension != ".xls") {
alert("That ain't no .xls file!");
}
}
Dies ist eine Teillösung, kann aber leicht umgangen werden und sollte auch in Verbindung mit der serverseitigen Validierung verwendet werden. Sie können dies nicht allein mit dem Client-Seitencode einschränken. – DaveHogan
Es ist nicht möglich, mit Standard-HTML 4
Mögliche Duplikat Limit file format when using <input type="file">?
Es ist ein accept Attribut in HTML 5, aber es ist nicht garantiert. Weitere Informationen finden Sie in der HTML 5 Spezifikation http://www.w3.org/html/wg/drafts/html/master/forms.html#attr-input-accept
Versuchen mit diesem Code
<input type='file' id ="browse" name ="browse"/>
var file = document.getElementById('browse');
file.onchange = function(e){
var ext = this.value.match(/\.([^\.]+)$/)[1];
switch(ext)
{
case 'xls':
alert('allowed');
break;
default:
alert('not allowed');
this.value='';
}
};
Und DEMO
@sircapsalot - können Sie das tun, in JavaScript? – DaveHogan