前端之家收集整理的这篇文章主要介绍了
angularjs,服务器上的图像更改后的图像刷新. (缓存问题),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我写了一个指令,允许
用户上传照片然后
显示它们.然后,
用户可以单击其中一个
显示的图像并使用Jcrop进行裁剪.在
用户完成裁剪图像之后,将信息发送到服务器,进行解析,然后裁剪图像并将其放回到
数据库中.这个新的裁剪图像具有与之前相同的参考;原始图像被覆盖.这一切都在弹簧服务器上完成.我需要弄清楚如何刷新图像并
显示新的裁剪图像.主要问题是图像和请求(我认为)都是缓存的.我对角度很新,对缓存工厂流程了解不多.
您可以向图像URL
添加随机参数 – 这将阻止大多数浏览器中的缓存.这种技术称为缓存清除.每次更改图像以使其工作时,您都必须更改此参数的值.
更新
将时间戳保存在某个变量中,并仅在图像更改时更改它.
例如.这将调用getTimeStamp()函数,该函数将生成当前时间戳并充当缓存共存器.
<img data-ng-src='api/image/{{image.id}}?{{getTimeStamp()}}' data-ng-click='editImage($index);'/>