jQuery Magnify image will not rotate in Chrome only?

Question

I am using the jQuery Magnify plugin. The image doesn't rotate in Chrome unless I press Ctrl+F5.

After rotation I tried window.location.reload(true), random query string on JS files, using the following meta tags in the document:

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

On click rotate button:

$.post("" + document.getElementById('site_url').value + "project_management/rotate_image", {
  src: $image[0].src, 
  angle: angle,
  direction: direction
}).done(function(data) {
  window.location.reload(true);
});

The image rotates on the backend but is not shown on the screen after reloading.

why don't you return the rotated image in your ajax call and simply swap it with the one currently on the page? — madalinivascu, Jun 27 '19 at 08:39
see https://stackoverflow.com/a/321875/1906356 if you want to disable cache on images — madalinivascu, Jun 27 '19 at 08:43
return post back data and replace but not working still Crlt+F5 required to show rotation.$('#replace_html').html(data); window.location.reload(true); — Usman Akram, Jun 27 '19 at 10:05

score 0 · Answer 1 · answered Jun 27 '19 at 12:19

0

So Query string does the trick in Manigfy.Js Thanks you very much madalinivascu

answered Jun 27 '19 at 12:19

Usman Akram

11
2

jQuery Magnify image will not rotate in Chrome only?

1 Answers1