ajax提交表单并返回上传的图像

问题是我不知道如何加载上传，因为它未定义如下。

图像路径也<img src="user + upload"/>

请让我知道在哪里可以解决此。

var dataString = 'user='+ getuser + '&upload=' + imgupload; 

$.ajax({ 
    type: "POST", 
    url: "process.php", 
    data: dataString, 
    success: function(data) { 
    $('.lightwindow').hide(); 
    var findme = $(".empty:first") 
    $(findme).removeClass("empty").removeClass("ui-state-default").addClass("ui-state"); 
    $(findme).append('<img src="'getuser + imgupload'" width="45" height="60" class="expand"/>') 
    } 
}); 
return false;

来源

2013-05-04 Blynn

我相信成功状态下的'data'参数是指你的PHP代码的输出。所以你可以在'process.php'上处理它，并输出你上传的照片的文件名并附加到$（findme）' – 2013-05-04 02:28:18

当你console.log（数据） – 2013-05-04 02:29:26

我得到了更新的图像路径。 – Blynn 2013-05-04 02:36:22

你没有表现出在这里你定义$(findme)，我猜应该是$('.findme')或$('#findme')

你需要检查，看看是否是从Ajax调用返回的数据实际上是充分实际上准确。

你需要你F12开发者工具来检查javascript错误 - 我愿意猜测有几个。

和..

被'<img src="'data.upload'"被data.upload图像的实际路径??

更新

开始用这个..

$.ajax({ 
    type: "POST", 
    url: "process.php", 
    data: dataString, 
    success: function(data) { 
    console.log(data); 
    ... 
    ...

然后进入控制台，看看记录 - 只有当data该代码的工作方式就像是

对象财产以后看

....{ "upload" : "mypath/myimage.jpg" , ...... , ...... }

你必须有一个属性定义upload

来源

2013-05-04 02:31:03

data.upload是我如何将两种提交的数据放在一起的猜测。 – Blynn 2013-05-04 02:34:04

请参阅更新@Blynn – 2013-05-04 02:42:33

谢谢我会尝试console.log（data）;找到一种方法。 – Blynn 2013-05-04 02:43:55

回答

相关问题