Jasny Bootstrap Fileupload を使用しており、最初の送信に取り組んでいます。問題: 最初の送信が正常に機能した後、画像のプレビューが機能しなくなります。
再現手順:
1. 写真を選択します。写真が表示されます (img src="data:image/jpeg;base64... は #fileupload-preview 内に作成されます)
2. フォームを送信します。写真は正常にアップロードされ
ます 3. フォームをリセットします。写真は表示されません
。4 . 写真を選択します. 写真が表示されません <= エラー (#fileupload-preview 内に何もありません)
5. フォームを送信します. 写真は正常にアップロードされます
JSFiddle でシミュレートするには:
1. 写真を選択します
。 2. [保存] をクリックします
。 3. 別の写真を選択します。エラー....
関連する 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>
ありがとう