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

希望对大家有用。。。

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

上一篇:图片上传(3)(组件 -- 图片大小宽高限制)base64图片宽高读取


下一篇:DWZ集成的xhEditor编辑器浏览本地图片上传的设置