diff --git a/src/components/Upload/src/components/image_preview.vue b/src/components/Upload/src/components/image_preview.vue
index 88bb07be..1570922b 100644
--- a/src/components/Upload/src/components/image_preview.vue
+++ b/src/components/Upload/src/components/image_preview.vue
@@ -3,7 +3,7 @@
         <img id="zoomableImage"  draggable="false" :src="imageUrl" />
         <div class="operation-container">
             <div>
-                <UndoOutlined />
+                <UndoOutlined @click="backTransFrom"/>
             </div>
             <div>
                 <ZoomInOutlined @click="bigScale" />
@@ -40,6 +40,11 @@ let initialMouseX;
 let initialMouseY;
 let initialImageX;
 let initialImageY;
+var scale = 1;
+var minScale = 0.5;
+var maxScale = 3;
+var scaleFactor = 0.1;
+var rotate = 0;
 
 
 onMounted(()=>{
@@ -185,6 +190,14 @@ function bigScale():void {
     scale+=0.4;
     zoomableImage.style.transform = `scale(${scale})`;
 }
+function transform (){
+    rotate += 90;
+    zoomableImage.style.transform = `rotate(${rotate}deg)`;
+}
+function backTransFrom() {
+    rotate -= 90;
+    zoomableImage.style.transform = `rotate(${rotate}deg)`;
+}
 
 function closePreview():void{
     emits("closeImagePreview");