W mojej aplikacji mam obraz w div, przycisk.

Chcę obrócić wyświetlany obraz i zapisać obrócony obraz po kliknięciu przycisku przy użyciu jquery.

Użyłem już kodu:

http://code.google.com/p/jquery-rotate/

i kod jquery:

$(function() {                                    // doc ready
                var rotation = 0;                             // variable to do rotation with
                $("#img").click(function() {
                    rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed
                    $("#cropbox").rotate(rotation);
                });
            });

Kod HTML:

<img src="demo_files/pool.jpg" id="cropbox" />
<input type="button" id="img" name="img" value="click" />

Kiedy używam powyższego kodu, istnieją dwa obrazy, jeden to stary, a drugi to obrócony obraz.

Tutaj chcę obrócić ten sam obraz i wyświetlić tylko obrócony obraz. I zapisać obrócony obraz w katalogu ina.

Jak mogę to zrobić za pomocą jquery? Jeśli nie jest to możliwe w jquery, to jak mogę to zrobić za pomocą php / ajax?