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

回答

相關問題