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>

Спасибо

1 ответ

Решение

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

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

Другие вопросы по тегам