php - 如何使用 jquery.form.js 成功更新图像 src

Question

我正在使用 jquery.form.js 来 ajax 提交表单并获得响应。

我的 php 页面设置为回显图像 url，如“images/thumbs/071112130957.jpg”

这是我的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 ？

Answer 1

我很久以前使用 ajaxFrom ，但它只是突然出现在我的脑海中
请检查你的版本的文档

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

如果不工作，你能帮我测试吗让我知道

Answer 2

这对我有用。

$(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();

    });
});