Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Вызов события для input file (https://javascript.ru/forum/jquery/17482-vyzov-sobytiya-dlya-input-file.html)

ArmagedDance 20.05.2011 21:00

Вызов события для input file
 
Подскажите, как вызвать из jQuery событие click для input file.
Вот такой метод не работает. $('input[type=file]').click();

ArmagedDance 20.05.2011 21:31

Вообще, конечная цель добиться того, чтобы при щелчке на картинке открывалось окно input file, где можно было выбрать изображение, а затем, если пользователь выбирает картинку, она автоматически заменялась на текущую в <img src="">.

такой код тоже пока не работает...
$('#prodfile input').change(function(){
var path=$('#prodfile input').val();
$('#prodfile img').attr('src', path);
});

poorking 20.05.2011 21:56

Жаль так нельзя.. клик происходит но диалог не открывается
<label>
	<input style = "display: none" onclick = "alert(1)" type = "file" />
	<img src ="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" />
</label>

walik 20.05.2011 22:50

<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);" />
Кликай на изображение.


Это самый простой пример.
А показать картинку не загрузив ее на сервер не получится, браузер не даст вам полный путь к изображению. В моем примере выберете изображение и сами убедитесь.

kuzya_vl 17.02.2013 10:39

Цитата:

А показать картинку не загрузив ее на сервер не получится, браузер не даст вам полный путь к изображению. В моем примере выберете изображение и сами убедитесь.
Используй FielReader API и не надо картинку загружать на сервер.


Часовой пояс GMT +3, время: 03:15.