Закачка файлов JS

[Deller]

Точнее даже не закачка. Есть поле

<input style="display:none;" type="file" id="id1">

и есть некая ссылка.

<a href="#" onclick="addfoto(); return false;">

Так вот, как сделать чтобы при нажатии на ссылку появлялось окно выбора файла ( как при нажатии кнопки обзор около инпута) и соответственно выбранный файл добавлялся в поле инпут. Буду очень благодарен за подсказку.

[x-yuri]

надо чтобы твой input type="file" был невидимым и под мышкой, когда ты щелкаешь. Т.е. чтобы фактически ты щелкал по невидимому input type="file"

[micscr]

надо чтобы твой input type="file" был невидимым и под мышкой, когда ты щелкаешь. Т.е. чтобы фактически ты щелкал по невидимому input type="file"

Интересно как невидимый элемент получит событие? Да и контейнером input не является также.

Deller если что-то придумаешь отпиши плиз - интересно. А то я тоже не знаю как такое сделать и можно ли вообще.

[Deller]

все решил. Надо быть проще, мы сами себе жизнь усложняем. Делаем вот так style="opacity:0;" для инпута (невидимость не надо). А ссылку над кнопкой "обзор" инпута.

[Kolyaj]

Делаем вот так style="opacity:0;" для инпута (невидимость не надо).

x-yuri про это и говорил.

[Deller]

x-yuri про это и говорил.

Да я понял. просто догадался чуть раньше чем он написал. А потом уже зашел сюда на форум. Но за желание помочь всем респект.

[micscr]

Deller, везде работает? В ИЕ6?

[PeaceCoder]

А ссылку над кнопкой "обзор" инпута.

Я бы сказал наоборот. Ссылку под инпут. иначе событие получает ссылка а не кнопка. или так работает? такими махимахами не занимался...

[Rinas]

Ваше решение - бред. opacity работает только в CSS3, следовательно этот вариант не кроссбраузерный. Это делается по-другому.
Создается элемент <input type='file' id='file'> и <div></div>. у инпута ставится css свойство display:none. Затем

$("div").click(function(){
$("#file").trigger('click');
});

После этого выбранный файл лежит в форме, которую не видно. вы можете создать кнопку <input type='submit'> или просто отслеживать событие изменения элемента с id='file'. После этого ajax'ом отправлять данные на сервер, для этого есть jquery плагин ajaxForm

плагин

[Deff]

у инпута ставится css свойство display:none.

В ИЕ скрытый инпут в форме - недоступен, нун скрывать z-index и position:relative