Dateityp mit Javascript in einem Input erkennen

Plague · 01.07.2007, 13:44

Hallo,

wie kann man mit JavaScript den Dateityp (also praktisch die letzten drei Zeichen) in einem Input (type="file") erkennen? Ich möchte die Datei gerne schon beim Auswählen der Datei prüfen lassen...

Gruß
Thomas

Plague · 01.07.2007, 14:06

Ok ich habe mir was gebastelt. Vielleicht nicht die perfekte Lösung, aber es klappt:

PHP-Code:

  <script type="text/javascript">

function cont1() {

    var Begriff = document.getElementById('F1').value;

    var x = Begriff.length;

    var y = x-3;

    var Teil = Begriff.substr(y, x);

    if (Teil != 'jpg') {

        document.getElementById('F1').style.backgroundColor = '#FF9966';

    } else {

        document.getElementById('F1').style.backgroundColor = '#FFFFFF';

    }

}

</script>

Zergling-new · 01.07.2007, 14:09

Anders ist es meines Wissens nach nicht möglich.

Plague · 01.07.2007, 14:43

perfekt

dr.e. · 01.07.2007, 15:05

Hallo Plague,

dein Beispiel krankt an der Tasache, dass Endungen nicht immer 3 Zeichen haben müssen. Es gibt beispielsweise .jpeg und .tiff mit 4 Ziffern. Eine bessere Lösung ist es da meiner Ansicht nach, den letzten Punkt zu suchen und an Hand dieses Punktes die letzten Zeichen als Endung zu extrahieren.

nikosch · 01.07.2007, 15:13

Nunja, solange er hinterher ohnehin mit ner Vergleichoperation wie oben arbeitet...

Plague · 01.07.2007, 15:20

@ dr.e.
Das ist wahr. Wie kann ich denn nach dem letzten Punkt in einem String suchen?

Plague · 01.07.2007, 15:29

Bin bei SELFHTML fündig geworden.
einfach die Zeile mit var y ... ersetzen:

PHP-Code:

  var y = Begriff.lastIndexOf('.')+1;

Zergling-new · 01.07.2007, 15:35

Deck den Fehlerfall noch ab, dass für die Datei garkeine Endung existiert.

Plague · 01.07.2007, 15:37

das muss ich bei mir nicht so sehr von Interesse weil alles Falsch ist, was nicht richtig ist... Also eine Datei
C:/ordner/abcdef != jpg deshalb falsch

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
Lange Verarbeitungszeiten - Zuviel JavaScript?	[-UFO-]Melkor	HTML, Usability und Barrierefreiheit	2	15.06.2007 23:54
INPUT RADIO mit INPUT TEXT kombinieren!?!	buggybugga	HTML, Usability und Barrierefreiheit	5	20.02.2007 17:33
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
javascript probleme bei Ajax anwendung	Sclot	HTML, Usability und Barrierefreiheit	11	22.03.2006 13:06
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
2 javascript fragen	Rotti	HTML, Usability und Barrierefreiheit	4	03.08.2005 11:40
[Erledigt] Mit PHP prüfen ob JavaScript beim Browser aktiviert ist?		HTML, Usability und Barrierefreiheit	3	21.07.2005 12:43
[Erledigt] Input value und Input text		PHP Tipps 2005-2	4	12.07.2005 16:46
Javascript input problemschen	DDogg	HTML, Usability und Barrierefreiheit	0	18.05.2005 16:13
[Erledigt] input type's		HTML, Usability und Barrierefreiheit	4	27.03.2005 18:23
Makrierten Text mit JavaScript erkennen	workaholic	HTML, Usability und Barrierefreiheit	1	14.01.2005 13:04
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

01.07.2007, 13:44
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	Dateityp mit Javascript in einem Input erkennen Hallo, wie kann man mit JavaScript den Dateityp (also praktisch die letzten drei Zeichen) in einem Input (type="file") erkennen? Ich möchte die Datei gerne schon beim Auswählen der Datei prüfen lassen... Gruß Thomas


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.07.2007, 14:06
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	Ok ich habe mir was gebastelt. Vielleicht nicht die perfekte Lösung, aber es klappt: PHP-Code: `<script type="text/javascript"> function cont1() { var Begriff = document.getElementById('F1').value; var x = Begriff.length; var y = x-3; var Teil = Begriff.substr(y, x); if (Teil != 'jpg') { document.getElementById('F1').style.backgroundColor = '#FF9966'; } else { document.getElementById('F1').style.backgroundColor = '#FFFFFF'; } } </script>`

01.07.2007, 14:09
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Anders ist es meines Wissens nach nicht möglich.

01.07.2007, 14:43
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	perfekt

01.07.2007, 15:05
dr.e. Moderator und Wett-König Registriert seit: 21.05.2008 Beiträge: 3.654 PHP-Kenntnisse: Fortgeschritten	Hallo Plague, dein Beispiel krankt an der Tasache, dass Endungen nicht immer 3 Zeichen haben müssen. Es gibt beispielsweise .jpeg und .tiff mit 4 Ziffern. Eine bessere Lösung ist es da meiner Ansicht nach, den letzten Punkt zu suchen und an Hand dieses Punktes die letzten Zeichen als Endung zu extrahieren. __________________ Viele Grüße, Dr.E. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1. Think about software design before you start to write code! 2. Discuss and review it together with experts! 3. Choose good tools (-> Adventure PHP Framework (APF))! 4. Write clean and reusable software only! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

01.07.2007, 15:13
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Nunja, solange er hinterher ohnehin mit ner Vergleichoperation wie oben arbeitet...

01.07.2007, 15:20
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	@ dr.e. Das ist wahr. Wie kann ich denn nach dem letzten Punkt in einem String suchen?

01.07.2007, 15:29
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	Bin bei SELFHTML fündig geworden. einfach die Zeile mit var y ... ersetzen: PHP-Code: `var y = Begriff.lastIndexOf('.')+1;`

01.07.2007, 15:35
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Deck den Fehlerfall noch ab, dass für die Datei garkeine Endung existiert.

01.07.2007, 15:37
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	das muss ich bei mir nicht so sehr von Interesse weil alles Falsch ist, was nicht richtig ist... Also eine Datei C:/ordner/abcdef != jpg deshalb falsch