Взлом Javascript для загрузки файлов, работает не во всех браузерах

Question

Как улучшить следующее, чтобы оно работало в нескольких браузерах?

$('#img').click(function() {
     $('input[type=file]').click();
});

Поэтому, когда я нажимаю на изображение, оно позволяет выбрать файл для загрузки. На css я сделал следующее:

input[type="file"]{display:none;}

Попробовал на Safari 5.1.2 и Opera 11.61, и он не работал .... Протестируйте его на Firefox и ie8, и он заработал ...

Answer 1

Вы не можете сделать это с файлом типа ввода совместимым с x-браузером способом.

Quirksmode, как всегда, может многое сказать по этой теме:

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