Вызов события для input file
Подскажите, как вызвать из jQuery событие click для input file.
Вот такой метод не работает. $('input[type=file]').click(); |
Вообще, конечная цель добиться того, чтобы при щелчке на картинке открывалось окно input file, где можно было выбрать изображение, а затем, если пользователь выбирает картинку, она автоматически заменялась на текущую в <img src="">.
такой код тоже пока не работает... $('#prodfile input').change(function(){ var path=$('#prodfile input').val(); $('#prodfile img').attr('src', path); }); |
Жаль так нельзя.. клик происходит но диалог не открывается
<label> <input style = "display: none" onclick = "alert(1)" type = "file" /> <img src ="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" /> </label> |
<style> .image { width: 100px; height: 100px; border: 1px solid black; } .file { position: absolute;left: 9px;top: 9px;width: 100px;height: 100px; opacity: 0.01; } </style> <img src="http://javascript.ru/forum/images/smilies/smile.gif" class="image" /> <input type="file" class="file" onchange="alert(this.value);" /> Кликай на изображение. Это самый простой пример. А показать картинку не загрузив ее на сервер не получится, браузер не даст вам полный путь к изображению. В моем примере выберете изображение и сами убедитесь. |
Цитата:
|
Часовой пояс GMT +3, время: 03:15. |