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

时间:2013-05-04 02:24:48

标签: ajax forms jquery

我正在尝试返回我正在上传的图片。

问题是我不确定如何加载上传,因为它在下面未定义。

图片路径也是<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;

1 个答案:

答案 0 :(得分:0)

您没有显示您定义的位置$(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