Ajax未检测到图像裁剪

Question

当我通过ajax使用$this->image_lib->crop()调整大小或裁剪图像时，图像处理过程本身按预期工作..但是当我尝试使用$('#someDivId').css('background-image', 'url('+res.filepath+')');显示结果图像时$('#someDivId').css('background-image', 'url('+res.filepath+')'); ，显示的图像没有被裁剪。是因为ajax同步还是其他原因？ 请帮忙..

PS我正在使用jquery ver 1.12.4和codeigniter 3

我使用的ajax调用如下所示：

$.ajax({
  url: '/mymodule/resize_img',
  type: 'post',
  data: $('form').serializeArray(),
  dataType: 'json',
  success: function(res) {
    $('#someDivId').css('background-image', 'url('+res.filepath+')');
  },
  error: function(err) {
    console.log(err.responseText);
  }
});

Answer 1

我的朋友提出了一个解决方案，它可以工作。

他怀疑图像是由服务器或浏览器缓存的。 所以他告诉我在引用这样的图像路径时要使用一个额外的参数：

改变了这个：

$('#someDivId').css('background-image', 'url('+res.filepath+')');

到这个：

var n = Math.random();
var newImgPath = res.filepath + '?x=' + n;
$('#someDivId').css('background-image', 'url('+newImgPath+')');

如此愚蠢但令人讨厌的事情。