angularjs,服务器上的图像更改后的图像刷新. (缓存问题)

发布时间：2020-12-17 09:17:53 所属栏目：安全来源：网络整理

导读：我写了一个指令,允许用户上传照片然后显示它们.然后,用户可以单击其中一个显示的图像并使用Jcrop进行裁剪.在用户完成裁剪图像之后,将信息发送到服务器,进行解析,然后裁剪图像并将其放回到数据库中.这个新的裁剪图像具有与之前相同的参考;原始图像被覆盖.这一

我写了一个指令,允许用户上传照片然后显示它们.然后,用户可以单击其中一个显示的图像并使用Jcrop进行裁剪.在用户完成裁剪图像之后,将信息发送到服务器,进行解析,然后裁剪图像并将其放回到数据库中.这个新的裁剪图像具有与之前相同的参考;原始图像被覆盖.这一切都在弹簧服务器上完成.我需要弄清楚如何刷新图像并显示新的裁剪图像.主要问题是图像和请求(我认为)都是缓存的.我对角度很新,对缓存工厂流程了解不多.

您可以向图像URL添加随机参数 – 这将阻止大多数浏览器中的缓存.这种技术称为缓存清除.每次更改图像以使其工作时,您都必须更改此参数的值.

更新

将时间戳保存在某个变量中,并仅在图像更改时更改它.

例如.这将调用getTimeStamp()函数,该函数将生成当前时间戳并充当缓存共存器.

<img data-ng-src='api/image/{{image.id}}?{{getTimeStamp()}}' data-ng-click='editImage($index);'/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!