ajax - ajax submit form and return uploaded image

Question

I'm trying to return the image that I'm uploading on submit.

The problem is I'm not sure how to load in the upload because it's undefined below.

The image path is also <img src="user + upload"/>

Please let me know where to troubleshoot this.

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;

Answer 1

你没有显示你定义的地方$(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