在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中操作后刷新页面

回答

相关问题