最近使用ajaxFileUpload和Jcrop来实现图片上传和截图，出现一个图片无法更换的问题...-优快云博客

本文解决了使用jCrop时无法更换刷新图片的问题。原因是上传图片命名重复导致jCrop误认为是同一张图片而不进行刷新。解决方案是在后台返回的图片URL中加入随机值。

使用setImage 都无法更换刷新图片

找了很久什么方法都找过，最后发现。。。。。。

原来是上传的图片的命名问题。。。

每次上传的图片保存后都是同样的图片，

所以返回路径都是一样。。。

jcrop误以为是同一张图片。。。

于是就没有刷新.....

success: function (data, status)  //服务器成功响应处理函数
                    {
                        //上传成功后在将服务器上刚刚上传的图片显示在img1上
                        if (data.error != '') {
                            alert(data.error);
                            return;
                        }
                        else {
                            if (jcrop_api != null) {
                                jcrop_api.setImage(data.imgurl);
                                $('#path').val(data.imgurl);
                            }
                        }
                    },

所以这里只需要在后台返回来的图片地址 imgurl 加一个随机值就可以了。。。。。

下面是后台cs 关键就是加上 +"?t="+DateTime.Now.Ticks;

imgurl = urlPath + imgName + ExtensionName+"?t="+DateTime.Now.Ticks;
res = "{ error:'',imgurl:'" + imgurl + "'}";

希望对大家有用。。。

更多的课程可以访问北盟网校

转载于:https://www.cnblogs.com/maijin/p/5830457.html