Witam!

Jestem na etapie tworzenia własnej strony odpowiedzialnej za hosting zdjęć/wideo.
Czy mógłby ktoś podpowiedzieć jak zrobić pętle która automatycznie rozpoznaje rodzaju pliku po dodaniu go (Obraz/Wideo) i gdy jest to obraz wysuwa poniżej listę odpowiedzialną za zmianę rozdzielczości (konktretne rozdzielczości) bądź "Rozmiar oryginalny". Gdy byłby to plik wideo nie wysuwała by się żadna lista.

Oto plik config który posiada listę wspieranych plików graficznych oraz wideo.



Oraz ilustacja wykonanej strony




Pozdrawiam,
vwadam

Nie potrzebujesz petli, pocztaj o jquery.

Wcześniej czy później aby ułatwić pracę musisz mieć jquery.
Jednak do takiego zadania możesz na razie skorzystać z czystej javyscript.

Coś w stylu:

[HTML] pobierz, plaintext 
<input type=file onchange="sprawdz(this)">
 
<script>
function sprawdz(o){
var nazwa_pliku=o.value;
//wyekstrahowanie rozszerzenia z nazwa_pliku
if(roz=='jpg' || roz=='bmp'){
...
}
</script>
[HTML] pobierz, plaintext 

Istnieje do tego celu fajne api w javascript które udostępnia dużo więcej niż ci potrzeba: https://developer.mozilla.org/en-US/docs/Web/API/FileReader a używa się tego w przypadku formularza na zdarzeniu onload.