最近使用ajaxFileUpload和Jcrop来实现图片上传和截图,出现一个图片无法更换的问题

使用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 + "'}";

 

希望对大家有用。。。

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

posted @ 2016-09-01 16:41  麦田HH  阅读(1565)  评论(0编辑  收藏  举报