Как получить значение поля ввода динамического файла в jQuery?

Question

Я разрабатываю веб-приложение, которое выполняет множественную загрузку файлов.

Когда пользователь нажимает кнопку «плюс», я добавляю новое поле ввода.

Затем пользователь выбирает изображение из файла. Я хочу проверить это изображение и если обнаружены какие-либо ошибки, то ему нужно показать сообщение и остановить действие формы.

Но теперь событие изменения не работает с моим кодом.

Вот мой код ..

HTML

<span class="input-group-addon btn btn-Choose btn-file"> 
    <span class="fileinput-new">Browse File</span> 
    <span class="fileinput-exists">Change</span> 
    <input class="fileimgval" type="file" name="brchrimg[]"> 
</span> 

Dynamic HTML (как указано выше)

<span class="input-group-addon btn btn-Choose btn-file"> 
    <span class="fileinput-new">Browse File</span> 
    <span class="fileinput-exists">Change</span> 
    <input class="fileimgval" type="file" name="brchrimg[]"> 
</span> 

Script, чтобы получить файл Info ...

$(document).on('change','.fileimgval',function(){ 
     alert($(this).val()); 
}); 

В статическом вводе HTML-файла и динамическом поле ввода нет события.

Я использую Jquery 1.11.1

<script src="../assets/global/plugins/jquery/jquery-1.11.1.min.js"></script> 

Что такое ошибка?

Там нет сообщений об ошибке в консоли ...

Answer 1

Используйте это вместо того, она будет срабатывать при нажатии на файл загрузки

$(document).on('click','.fileimgval',function(){ alert($(this).val()); });

Но это будет просто триггер, когда вы нажимаете кнопку загрузки файла, не будет способа проверить изображение. Вы должны использовать этот плагин вместо этого, чтобы сделать это более чистым способом, иначе вы испортили бы весь материал.

https://blueimp.github.io/jQuery-File-Upload/

Это просто и иметь хороший пользовательский интерфейс.