Мне нужно было стилизовать кнопку загрузки файла и я сделал псевдоклик по сторонней кнопке, которая передает триггер клик инпуту загрузки файла. По нажатию несколько раз открывается окно. Скажу, что форм на странице несколько, но js код работает с контекстом одной формы.. вот поэтому не пойму в чем дело. Этот баг только в Chrome.
Вот код:
$('.upload-file').on('click', function() {
jQuery(this).closest('.file-wrap').find('.resume-file').trigger('click').change(function() {
var flieName = $(this).val().replace(/.*\\/, "");
$(this).closest('.file-wrap.left').addClass('hide');
$(this).closest('.form-wrap').find('.file-name').addClass('visible').
find('span').text(flieName);
});
});
Для наглядности html:
<div class="file-wrap">
<label>
<button class="btn collapse upload-file"><i class="fa fa-upload"></i> Прикрепить резюме</button>
<div class="hidden"><input class="resume-file" type="file"></div>
</label>
</div>
