Pulsante Sfoglia - file input - cambio immagine - DISCUSSIONE

[coteaz]

Salve

torno su un vecchio e spinoso argomento, gia largamente discusso qui

http://forum.html.it/forum/showthrea...readid=1046757

sarebbe bello poter interagire e modificare l'immagine del campo html type file.

è l'unico elemento dell'html che non è possibile riprodurre in altro modo...

gli alert js si fanno con i div, con tanto di fade... i pulsanti classici con le immagini ecc...

ma il campo file resta intoccabile

come sapete questo pulsante è definito dal browser e dal sistema operativo... quindi in un pc con expliorer in italiano si vedrà in un certo modo (sfoglia) su un pc con Firefox in inglese si vedrà in un altro modo (browse)



con ovvi problemi di stile all'interno del sito...

immaginate che abbiamo fatto tutta un'area admin bella con i css e i pulsantini fatti in casa...
e il campo file resta brutto e grigio (si puo colorare con i css ma ... )

ci sono vari trucchetti per eludere questo problema... trasformare il campo in un campo invisibile tramite i css e poi sovrapporre un div...

bello bellissimo... e funziona pure... ma è sempre una soluzione arrangiata

http://www.quirksmode.org/dom/inputfile.html

è possibile che nessuno tra noi tanto "geni" è riuscito a trovare una soluzione diversa?

ho girato il web in lungo e in largo ma ... nada!

qualche soluzione?

so che rispodnerete in molti... ma non arriveremo da nessuna parte visto i limiti di questo elemento html ma... io ci provo... saluti e grazie in anticipo

[coteaz]

come si legge anche qui

A reader proposed to remove all the complicated CSS stuff, totally hide the file upload field, and route all click events on the fake upload field to the real one. An excellent idea, and much simpler than the one described above.

fakeField.onclick = function () {
realField.click()
}

The click() method allows you to simulate a click on a form field. Checkboxes get toggled, radios selected, and so on. Unfortunately Mozilla and Opera haven't added this method to file upload fields. I wonder why, adding it is not really a security risk since the worst that can happen is that the file selection window pops up.

So unfortunately we cannot use this simple solution.

la cosa migliore da fare sarebbe quella di simulare un click sul pulsante browse e risolvere il problema

però opera e mozilla hanno disattivato per motivi di sicurezza questa funzione...

mi chiedevo e vi chiedo... nn c'è qualche altro modo per far aprire la schermata di browse file?

nn so un comando che possiamo menttere sull'onload o qualcosa del genere?