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圖像預覽錯誤

回答

相關問題