Question

我想在上传后立即显示图片。为此，我想重新加载id =＆＃34; imagecontainer＆＃34;在ajax的成功功能中。

请不要告诉我们使用（＆＃34; $ id＆＃34;）。加载（＆＃34; href＆＃34;）函数，因为它在firefox中不起作用，并且在chrome上非常笨重。

任何想法如何实现这一目标？

Answer 1

所以你想重新加载图片，但它有相同的网址？您可以通过附加随机url参数来强制图像重新加载。这样，浏览器认为它是一个新资源，但服务器将忽略url参数。

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

使用(new Date()).getTime()优于Math.random()，因为同一时间不会发生两次。此方法也称为cache busting

Answer 2

重新加载图像的src属性。 $("#imgsrc").attr("src", path);其中path是图片的网址路径。

Answer 3

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

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

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

3 个答案: