Я использую Jasny Bootstrap Fileupload и работает для первого представления. Проблема: после первого представления работает нормально, предварительный просмотр изображения больше не работает.Jasny bootstrap fileupload image preview error
Этапы воспроизводства:
1. Выберите фотографию. Фото показано (img src = "data: image/jpeg; base64 ... создается внутри # fileupload-preview)
2. Отправить форму. Фотография загружена ok
3. Сбросить форму. предъявляются.
4. Выберите фотографию. на фото не предъявляется < = ERROR (ничего внутри # FileUpload-превью)
5. Submit формы. Фотография загружается нормально
Для имитации с JSFiddle вы можете:
1. Выберите фотографию
2. Нажмите «Сохранить»
3. Выберите другую фотографию. Ошибка ....
Соответствующий код Jasny FileUpload:
<div class="fileupload fileupload-new" data-provides="fileupload">
<div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"></div>
<div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
<div>
<span class="btn btn-file">
<span class="fileupload-new">Choose a photo</span>
<span class="fileupload-exists">Change</span>
<input type="file" name="foto" id="foto" />
</span>
<a href="#" class="btn fileupload-exists" data-dismiss="fileupload"> Delete</a>
</div>
</div>
Благодаря
Проблема не в сбросе формы. Это работает правильно: http://jsfiddle.net/YyNS6/3/. У меня проблемы с тестированием из-за междоменной защиты ajax. –
Я тестировал это, и он отлично работает с использованием Chrome или Firefox. Какой браузер вы используете? –
Я пробовал с Firefox 21 и IE10. Ваш пример работает нормально. Мой работает для вас? Я обновил его с помощью вашего сброса в конце запроса ajax: http://jsfiddle.net/YyNS6/6/ После отправки он больше не работает. Это работает для вас? Я думаю, что ajax не должен влиять на него, но это так. – Dimas