Hogyan lehet egy linkkel megcsinálni a fájltallózást?

Javascripttel megoldható a dolog.

Először is el kell rejteni a file inputot, de a display: none; css megoldás sajnos nem jó, mivel ez esetben nem lehet működtetni! Ehelyett az opacity, illetve a méret 0px-re vétele lehet megoldás.

Létrehozol egy linket, ami közvetlenül DOM esemény kiváltásával meghívja az inputot.

Pl.:

<input type="file" id="fileinput" style="display: box; float: left; opacity: 0; width: 0px height: 0px;" />

<a href="javascript: document.getElementById('fileinput').onclick();">Fájltallózás</a>

Persze, ilyenkor a kitallózott file neve nem fog látszani, úgyhogy célszerű azt is megoldani ügyesen :)

Emellett a gmail-nél a tallózás után rögtön submit-ol is a program, tehát a feltöltés el is kezdődik, de ez már más kérdés :)