我尝试使用 ajax 上传图片到 raphael,上传 1.jpg 后删除,然后上传另一个同名的图片 1.jpg。
它显示了之前刚刚删除的图像,我发现了一些类似的问题和答案。
所以我确实在不同的图像 url 输出之后添加值,比如<image href="..?different_value">
.
现在可以显示不同的图像,但图像宽度和高度不会更新,仍然是旧图像的宽度和高度,jquery 或 php 中有什么建议可以解决这个问题吗?
var cachenum = 0;
$('.upload_btn').click(function(){
var uf = $('.upload form');
var fd = new FormData(uf[0]);
fd.append('upload','1');
$.ajax({
type: "POST",
url: "index.php",
data: fd,
processData: false,
contentType: false,
success: function(html){
var session = ..., file = ... type = ...;
function register(el) {
// toggle handle and remove button
};
var img = new Image();
img.onload = function(){
var img_width = this.width, img_height = this.height;
var img_scale = img_width / 200;
var new_height = img_height / img_scale;
cachenum = cachenum+1;
var r_img = paper.image('img/product/tmp/'+session+'/'+file+type+'?'+cachenum, 0, 0, 200, new_height);
register(r_img);
return cachenum;
};
img.src = 'img/product/tmp/'+session+'/'+file+type+'?'+cachenum;
}
});