0

私はjquery.form.jsを使用してフォームをajax送信し、応答を取得しています。

私のphpページは「images/thumbs/071112130957.jpg」のような画像のURLをエコーするように設定されています

ここに私のjqueryがあります：

$("#imageform").ajaxForm(
{ 
target: '#preview'
}).submit();
});

これが私のhtmlフォームです

<form action="cropscript.php" id="imageform" method="post" enctype="multipart/form-data">
<input type="file" name="image" id="image" /> <br/>
<input type="submit" name="submit" value="upload image" />
</form>

<div id="preview" > </div>
<img src = "thumbs/default.jpg" id="thumb_img" />

今私の質問は、ajaxformが成功した後にimg＃thumb_img srcを更新するにはどうすればよいですか？

4

2 に答える 2

2

私は昔からajaxFromを使用していますが、頭に浮かぶだけです
。バージョンのドキュメントを確認してください

$('#imageform').ajaxForm({
  target : '#preview', 
  complete : function (response) {
     $('#thumb_img').attr('src', response.imgsrc);
  }
});

うまくいかない場合は私のためにテストできますか私に知らせてください

于 2012-11-07T08:41:41.183 に答える
1

これが私にとってうまくいったことでした。

$(document).ready(function() { 
    $('#image').live('change', function()   
    { 
            $("#imageform").ajaxForm({ 
                    target: '#preview',
                    dataType: 'json',
                    success : function (response) {
                                $('#thumb_img').attr('src','images/thumbs/'+response.imgsrc);
                    }
            }).submit();

    });
});
于 2012-11-07T11:49:23.227 に答える