在ajax的成功函数中重新加载html文件的div

Question

I want to display the image right after uploading it.For this I want to reload the div with id="imagecontainer" in the success function of ajax.

Please do not tell about using ("$id").load("href") function as it does not work in firefox and is very clunky on chrome.

Any ideas how to achieve this?

Answer 1

So you want to reload the image, but it has the same url? You can force the image to load anew by appending a random url parameter. That way, the browser thinks it is a new resource, but the server will simply ignore the url parameter.

var $img = $("#imagecontainer");
$img.attr("src", $img.attr("src")+"?"+(new Date()).getTime());
//  my/path/to/image.jpg  ->  my/path/to/image.jpg?1401742135778

Using (new Date()).getTime() is better than Math.random() because the same time won't ever occur twice. This method is also known as cache busting

Answer 2

Reload the src attribute of the image. $("#imgsrc").attr("src", path); where path is your image's url path.

Answer 3

您可以像这样直接修改图像的来源

$('#imgsrc').attr('src', data.url)