2

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>

ありがとう

4

1 に答える 1

2

問題はリセットではありません。代わりに$.ajaxFileUpload、ウィジェットが壊れます。Jasny Bootstrap と ajaxFileUpload ライブラリの両方のバグを送信できます。

ただし、別のライブラリに頼ってhttp://jquery.malsup.com/form/のようなフォームをアップロードする方が簡単かもしれません

于 2013-05-16T22:31:24.080 に答える