在javascript中操作後刷新頁面

我有以下代碼，可以讓用戶裁剪他們的圖片。我試圖做的是刷新頁面，在用戶歪曲他的照片後讓他看到縮略圖預覽。但我試圖在每一個地方放一個刷新代碼，並且刷新不能工作。有關我如何做到這一點的任何想法？（或我在做什麼錯什麼想法？）在javascript中操作後刷新頁面

編輯：我想要做的一樣http://demos.9lessons.info/cropimages/imagecrop.php但沒有確認窗口

<script type="text/javascript"> 
function getSizes(im, obj) { 
    var x_axis = obj.x1; 
    var x2_axis = obj.x2; 
    var y_axis = obj.y1; 
    var y2_axis = obj.y2; 
    var thumb_width = obj.width; 
    var thumb_height = obj.height; 
    if (thumb_width > 0) { 

     $.ajax({ 
       type: "GET", 
       url: "ajax_image.php?t=ajax&img=" + $("#image_name").val() + "&w=" + thumb_width + "&h=" + thumb_height + "&x1=" + x_axis + "&y1=" + y_axis, 
       cache: false, 
       success: function (rsponse) 

      { 
        $("#cropimage").hide(); 
        $("#thumbs").html(""); 
        $("#thumbs").html("<img src='images/" + response + "' />"); 
         complete: function() { 
         location.reload(true); 
         } 
       } 

      }); 

    } else 
      alert("Please select portion..!"); 
} 
$(document).ready(function() { 
    $('img#photo').imgAreaSelect({ 
     aspectRatio: '1:1', 
     onSelectEnd: getSizes 
    }); 
}); 

</script>

來源

2013-08-18 freddy

任何錯誤被拋出？ –

那麼用戶裁剪他的照片，並且在從未刷新到新裁剪的縮略圖之後，它總是舊的，直到我手動刷新頁面。 – freddy

@freddy'rsponse'是一個錯字。如果您請求相同的圖像src，您可能也有緩存問題。你可以簡單地在src url中添加一個隨機參數來解決你的問題。 – plalx

放入完整的呼叫您刷新頁面代碼回

實施例：

$.ajax({ 
    type: "GET", 
    url: "ajax_image.php?t=ajax&img=" + $("#image_name").val() + "&w=" + thumb_width + "&h=" + thumb_height + "&x1=" + x_axis + "&y1=" + y_axis, 
    cache: false, 
    success: function (rsponse) { 
     $("#cropimage").hide(); 
     $("#thumbs").html(""); 
     $("#thumbs").html("<img src='images/" + response + "' />"); 
    }, 
    complete: function() { 
     location.reload(true); 
    } 
});

希望這將幫幫我！！

來源

2013-08-18 04:17:04

它實際上禁用裁剪功能... – freddy

您可以再次發佈精簡碼嗎？ –

與你建議的增加？導致代碼沒有改變... – freddy

在javascript中操作後刷新頁面

回答

相關問題