Jasny bootstrap fileupload图像预览错误

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

重现步骤：
1.选择一张照片。照片显示（img src =“data：image/jpeg; base64 ...在＃fileupload-preview内部创建）
2.提交表单。照片上传好了
3.重置表单。被显示。
4.选择一张照片。照片未显示< = ERROR（＃文件上传预览里面没有）
5.提交表单。照片上传OK

要使用的jsfiddle模拟它您可以：
1.选择照片
2.点击 '保存'
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>

感谢

来源

2013-05-14 Dimas

的问题是不是在形式复位。这工作正常：http://jsfiddle.net/YyNS6/3/。由于跨域Ajax保护，我遇到了麻烦的测试。 – 2013-05-16 13:05:13

我测试了这个，使用Chrome或Firefox可以正常工作。你正在使用哪种浏览器？ – 2013-05-16 13:15:38

我试着用Firefox 21和IE10。你的例子工作正常。我正在为你工作？我在ajax请求结束时用你的重置对它进行了更新：http://jsfiddle.net/YyNS6/6/提交后它不再工作。它适合你吗？我认为ajax不应该影响它，但它确实如此。 – Dimas 2013-05-16 16:17:25

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

但是也许更容易求助于另一个库上传格式如http://jquery.malsup.com/form/

来源

2013-05-16 22:31:24

Jasny bootstrap fileupload图像预览错误

回答

相关问题