Jquery的Ajax響應作爲圖像

Question

我有調整大小的圖像PHP頁面，它需要兩個變量等resize.php？寬度= 100 &高度= 200和這個PHP頁面的內容類型是圖像/ JPG。

還我一個HTML頁面，我會從分享2-3線的代碼就

<img src="image.jpg" id="myImageId" /> 
<a onclick="myFunction(400,500);">resize it</a> 

當我點擊調整它的大小，它會調用myFunction的功能，這個功能應該顯示加載圖標，而我的resize.php響應調整大小的過程。當resize.php完全加載時，此功能應該是

$('#myImageId').attr('src','resize.php?width=100&height=200'); 

做到這一點。

我該怎麼做？

Answer 1

你可以嘗試這樣的事：

function myFunction(width, height) { 
    var url = "resize.php?width=" + width + "&height=" + height; 
    $('#myImageId').attr('src','loading.gif'); 
    $.ajax({ 
     url : url, 
     cache: true, 
     processData : false, 
    }).always(function(){ 
     $("myImageId").attr("src", url).fadeIn(); 
    }); 
});