【叶子....】请教大家个问题 帮顶有分

Question

    if (imagePath != "") {
                        var OldIamge = new Image();
                        OldIamge.src = imagePath;
                        var biwidth = parseInt(OldIamge.width) / objWidth;
                        var biheight = parseInt(OldIamge.height) / objHeight;
                        var XXX = parseInt(tempMinX * biwidth);
                        var YYY = parseInt(tempMinY * biheight);
                        var XW = parseInt(newWidth * biwidth);
                        var YH = parseInt(newHeight * biheight);
                        CutImg(imagePath, XXX, YYY, XW, YH);// 调用后台的图片裁剪方法
                        var bigImgDiv = document.createElement("img");
                        bigImgDiv.style.width = bigFDiv.style.width;
                        bigImgDiv.style.height = bigFDiv.style.height;
                        bigImgDiv.src = "AreaImage\\newBig.jpg";
                        bigFDiv.appendChild(bigImgDiv);
                    }问题是这样的  bigImgDiv.src = "AreaImage\\newBig.jpg";
这张newbig.jpg是鼠标每次点击一次后台就会执行一次裁剪保存的 虽然名字没变但实质图片内容已经变了
但是现在如果是第一次点击那么显示的就是对的 ，第二次点击
 bigImgDiv.src = "AreaImage\\newBig.jpg";这个图片还是显示的是第一次裁剪的那张  但是那对应的文件夹下面去看
newBig.jpg的确是改变了，我想问下再次点击后为什么不会重新加载这个图片 而显示之前的 然后应该怎么解决

Answer 1

加时间戳的话 图片名字不确定 
那bigImgDiv.src = "AreaImage\\newBig.jpg";
这儿应该怎么赋值？

Answer 2

这是浏览器缓存的问题，你可以考虑将文件名后面加个随机变量newBig.jpg?n=生成的随机数

Answer 3

浏览器缓存问题，只要随便给他个不定的参数就行了...
bigImgDiv.src = "AreaImage\\newBig.jpg?d="+DateTime.Now.ToString("yyMMddHHmmss");

Answer 4

要么改用ajax吧，按钮点击换成js事件，在后台执行裁切图片，然后返回值。js刷新一下前台的图片。

Answer 5

加个随机参数
bigImgDiv.src = "AreaImage\\newBig.jpg?t=" + Math.random();