In meiner Anwendung habe ich ein Bild in einem div, eine Schaltfläche.

Ich möchte das angezeigte Bild drehen und das gedrehte Bild speichern, wenn ich mit jquery auf die Schaltfläche geklickt habe.

Ich habe den Code bereits benutzt:

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

und jquery code:

$(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);
                });
            });

HTML Quelltext:

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

Wenn ich den obigen Code verwende, gibt es zwei Bilder, eines ist das alte Bild und ein anderes ist das gedrehte Bild.

Hier möchte ich das gleiche Bild drehen und nur das gedrehte Bild anzeigen. Und das gedrehte Bild in einem Verzeichnis speichern.

Wie kann ich das mit jquery machen? Wenn es mit jquery nicht möglich ist, wie kann ich es dann mit PHP / Ajax machen?