Question

我有一个调整图像大小的PHP页面，它需要两个变量，如resize.php？width = 100＆amp; 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();
    });   
});

Jquery Ajax响应为图像

1 个答案: