1

想象一下您在 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 = "";      
}
    });

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

非常感谢你！

本杰明

4

1 回答 1

1

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

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

于 2011-06-11T14:52:19.450 回答