Jasny bootstrap fileupload ошибка предварительного просмотра изображения

Я использую Jasny Bootstrap Fileupload и работаю над первой отправкой. Проблема: после того, как первая отправка работает нормально, предварительный просмотр изображения больше не работает.

Шаги для воспроизведения:
1. Выберите фотографию. Фотография показана (img src="data:image/jpeg;base64... создается внутри #fileupload-preview)
2. Отправьте форму. Фотография загружена нормально
3. Сбросьте форма. Фотография не отображается.
4. Выберите фотографию. Фотография не отображается ‹= ОШИБКА (ничего внутри #fileupload-preview)
5. Отправьте форму. Фотография загружена нормально

Чтобы имитировать это с помощью JSFiddle, вы можете:
1. Выберите фотографию
2. Нажмите "Сохранить"
3. Выберите другую фотографию. Ошибка....

пример JSFiddle

Соответствующий код загрузки файла jasny:

<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>

Спасибо


image ajax file-upload twitter-bootstrap jasny-bootstrap
person Dimas    schedule 14.05.2013    source источник
comment
Проблема не в сбросе формы. Это работает правильно: jsfiddle.net/YyNS6/3. У меня проблемы с тестированием из-за междоменной защиты ajax.   -  person Arnold Daniels    schedule 16.05.2013
comment
Я протестировал это, и он отлично работает с Chrome или Firefox. Какой браузер вы используете?   -  person Arnold Daniels    schedule 16.05.2013
comment
Я пробовал с Firefox 21 и IE10. Ваш пример работает нормально. Мой у тебя работает? Я обновил его вашим сбросом в конце запроса ajax: jsfiddle.net/YyNS6/6 After представить, это больше не работает. Это работает для вас? Я думаю, что ajax не должен влиять на это, но он влияет.   -  person Dimas    schedule 16.05.2013

Ответы (1)


arrow_upward
2
arrow_downward

Проблема не в сбросе. Вместо этого $.ajaxFileUpload ломает виджет. Вы можете отправить сообщение об ошибке как для библиотеки Jasny Bootstrap, так и для библиотеки ajaxFileUpload.

Однако, возможно, проще прибегнуть к другой библиотеке для загрузки формы, такой как http://jquery.malsup.com/form/

person Arnold Daniels    schedule 16.05.2013