Вызов события для 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, время: 11:08. |