0

我正在使用 GD 库来绘制图像,之后我将使用 jquery ajax 获取该图像。但是当我更新图像时出现问题,当我检查图像更新的目录时,jquery ajax 没有得到更新的图像。所以请在这种情况下帮助我,我将如何在 jquery ajax 响应中获取更新的图像。

我从 php 文件中获取响应的 jquery 代码如下:

jQuery.ajax({
    type: "POST", 
    url: "create.php",
    dataType:"text",
    data:myData,
    success:function(response){
        //location.reload();
        var result = response.split("|");

        document.getElementById('img').innerHTML = result[0]; // This is the image

        document.getElementById('download').innerHTML = result[1]; // this is a href link for some other purpose
    },
    error:function (xhr, ajaxOptions, thrownError){
        alert(thrownError);
    }
});

在这种情况下请帮助我。谢谢

4

3 回答 3

2

不确定缓存,请尝试create.php?123451234(randomNumber)

您还可以将输出添加result到您的答案中吗?

我认为主要错误是您设置的innerHTML替换超出了您的需要。

为什么不使用like

jQuery.('#img').attr('src', result[0]);

更新:

查看您的代码,将其替换为:

<div id="img"><img src="images/quotepreivewimg.gif" alt="" /></div>

这样:

<div><img id="img" src="images/quotepreivewimg.gif" alt="" /></div>

然后使用上面的jQuery.attr函数加载图片

于 2013-07-01T12:48:16.193 回答
1

这不起作用:

document.getElementById('img').innerHTML

图像没有任何内部 html 代码,您必须使用 src 属性:

document.getElementById('img').src = result[0];
于 2013-07-01T12:47:43.937 回答
0

改变

document.getElementById('img').innerHTML = result[0];

至:

document.getElementById('img').src = result[0];

更新后的版本:

jQuery.ajax({
    type: "POST", 
    url: "create.php",
    dataType:"text",
    data:myData,
    success:function(response){
        //location.reload();
        var result = response.split("|");

        document.getElementById('img').src = result[0]; // we need the src property here

        document.getElementById('download').innerHTML = result[1]; // this is a href link for some other purpose
    },
    error:function (xhr, ajaxOptions, thrownError){
        alert(thrownError);
    }
});

希望这可以帮助。

于 2013-07-01T12:51:17.377 回答