最近使用ajaxFileUpload和Jcrop来实现图片上传和截图,出现一个图片无法更换的问题
2016-09-01 16:41
781 查看
使用setImage 都无法更换 刷新图片
找了很久 什么方法都找过,最后发现。。。。。。
原来是 上传的图片的命名问题。。。
每次上传的图片 保存后都是同样的图片,
所以返回路径都是一样。。。
jcrop误以为是同一张图片。。。
于是就没有刷新.....
所以 这里 只需要在后台 返回来的图片地址 imgurl 加一个随机值 就可以了。。。。。
下面是后台cs 关键就是加上 +"?t="+DateTime.Now.Ticks;
希望对大家有用。。。
更多的课程 可以访问 北盟网校
找了很久 什么方法都找过,最后发现。。。。。。
原来是 上传的图片的命名问题。。。
每次上传的图片 保存后都是同样的图片,
所以返回路径都是一样。。。
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 + "'}";
希望对大家有用。。。
更多的课程 可以访问 北盟网校
相关文章推荐
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- 后台使用Spring MVC 4.15 版本 通过 ajaxFileUpload plugin插件上传文件相应时引起的一个小问题,Chrome、Firefox中出现SyntaxError:unexpected token <
- 使用ajaxfileupload.js上传无法进回调问题终极解决
- 使用commons-fileupload.jar实现图片上传的一个小例子
- 使用ajaxfileupload插件实现异步上传并保存图片功能
- 解决使用ajaxFileUpload上传控件出现的问题:回调函数总是进入error或success
- 一个完整的springmvc + ajaxfileupload实现图片异步上传的案例
- ajaxFileUpload 上传文件/图片,传参数,解决第二次无法上传问题
- 解决网页异步上传图片时不断更换预览图片时数据库累积文件问题与ajaxUploadFile上传多个参数问题
- ajaxfileupload.js+springMVC实现多个图片与数据同一个ajax方法上传
- 使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法
- 使用ajaxfileupload.js实现ajax上传文件php版
- 使用ajaxfileupload.js实现ajax上传文件php版
- 使用AjaxFileUpload.js实现异步文件上传示例
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- 关于ajaxfileupload.js上传图片使用历程(struts2)
- 使用AjaxFileUpload.js实现文件异步上传
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子