2

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

复制步骤：
1. 选择一张照片。显示照片（img src="data:image/jpeg;base64... 在#fileupload-preview 中创建）
2. 提交表单。照片上传成功
3. 重置表单。没有显示照片
。4 . 选择一张照片。照片没有显示 <= ERROR (nothing inside #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>

谢谢

4

1 回答 1

2

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

然而，也许更容易求助于另一个库来上传http://jquery.malsup.com/form/之类的表单

于 2013-05-16T22:31:24.080 回答