php - Jquery Ajax 响应作为图像

Question

我有一个调整图像大小的 PHP 页面，它需要两个变量，例如 resize.php?width=100&height=200，这个 PHP 页面的内容类型是 image/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();
    });   
});