更改图像路径后面的数据 - jquery仅显示旧图像

时间:2011-06-11 14:48:26

标签: ajax image jquery jcrop

想象一下你在facebook上的个人资料。更改您的头像时,您选择一张新图片,裁剪它然后安全。之后,新的头像将显示在您的个人资料中。

在我的网站上,我希望提供相同的服务 - 已经可以使用。

但是:我无法在创建它之后立即显示新的和(!)裁剪的头像(使用php)。我只能显示新的,但未显示的。刷新我的网站后,每件事都运作正常。

$("div#button2").click(function() {

//Thumbnail is created externally with php //the name of the new cropped avatar is the same like the uncropped one //i just change the picture, but the url is the same! $.post("upload_thumbnail.php", { bild: bild, format: format, x: x, y: y, w: w, h: h }); //delete the old avatar $.post("upload_loeschen.php", { bild: bildalt }); //save the url of the new cropped avatar in the database $.post("upload_update.php", { bild: bild, laden_nr: "1" }); //close my imageeditor $("div#bildeditor").hide(); jcrop_api.destroy(); $("#cropbox").attr("src", ""); $("#preview").attr("src", ""); //If there is a new avatar, display it!!! -> and here only the uncropped is displayed if(bild != "") { $("img#logo").attr("src", bild); bild = ""; } });

我只是不知道该网站如何能够显示未剪切的头像,因为它不再存在。它被裁剪的替换了。

非常感谢!

本杰明

1 个答案:

答案 0 :(得分:1)

问题是你的头像pic被缓存了,所以尝试添加带有图像名称的随机参数

加载var i=1;
关于头像更改i++;
并设置img src ="imgpath?random="+i