私が取り組んでいるこのコードがあり、#preview div を上書きする代わりに追加しようとしています。私はjquery用のJqueryFormプラグインを使用しています。
$(document).ready(function() {
$('#photoimg').on('change', function() {
$("#preview").html('<img src="load.gif" alt="Uploading"/>');
$("#imageform").ajaxForm({
target: '#preview'
}).submit();
});
});
どうすればそれを達成できるかよくわかりません。
後で編集:私はこのフォームを持っています:
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>
Upload your image <input type="file" name="photoimg" id="photoimg" />
</form>
<div id='preview'>
</div>
画像を参照して選択すると、ajaximage.php が画像を検証してアップロードし、成功した場合は #preview div に表示されるメッセージをエコーします。問題は、append を使用しても div を上書きすることです。