Question

我正在使用Jasny Bootstrap Fileupload并正在为第一次提交工作。问题：在第一次提交工作正常后，图像预览不再起作用。

重现步骤：
1.选择一张照片。照片显示（img src =＆＃34;数据：image / jpeg; base64 ...在＃fileupload-preview内创建）
2.提交表格。照片上传好了 3.重置表单。没有照片显示。
4.选择一张照片。照片未显示＆lt; = ERROR（#fileupload-preview内没有任何内容）
5.提交表格。照片上传确定

要使用JSFiddle进行模拟，您可以：
1.选择照片
2.点击“保存＆＃39;
3.选择另一张照片。错误....

JSFiddle example

相关的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>

由于

Answer 1

问题不在于重置。而是$.ajaxFileUpload打破了小部件。您可以为Jasny Bootstrap和ajaxFileUpload库提交错误。

然而，可能更容易使用其他图书馆上传表格，如http://jquery.malsup.com/form/

Jasny bootstrap fileupload图像预览错误

1 个答案: