jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了有没有办法在jQuery中上传ajax文件后刷新图像?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面上有一个图像.我正在使用 AJAX表单插件上传单个图片,在照片上传后我想刷新页面上已有的图像.

$("#profilePicForm").ajaxForm(function() { 
    alert("Photo updated");
    $("#newPhotoForm").slideToggle();
    $("#profilePic img").load(function() {
        $(this).hide();
        $(this).fadeIn('slow');
    }).attr('src','/Content/UsrImg/Profiles/PhotoName.jpg');
});

上传文件与旧文件有相同的名称,所需的只是刷新图像的方法.由于它是相同的名称,缓存正在阻碍 – method described in this article didn’t work.

有任何想法吗?

解决方法

链接文章在这里不起作用,但您可以使用图像上的查询字符串来中断缓存,如下所示:

$("#profilePicForm").ajaxForm(function() { 
  alert("Photo updated");
  $("#newPhotoForm").slideToggle();
  $("#profilePic img").load(function() {
    $(this).hide();
    $(this).fadeIn('slow');
  }).attr('src','/Content/UsrImg/Profiles/PhotoName.jpg?' + new Date().getTime());
});

这会强制浏览器再次检查图像,因为时间戳正在添加查询字符串中,每次都不同.这意味着浏览器再也不能信任缓存了,因为这是一个稍微不同的服务器请求……所以它会导致你想要的重新获取.

大佬总结

以上是大佬教程为你收集整理的有没有办法在jQuery中上传ajax文件后刷新图像?全部内容,希望文章能够帮你解决有没有办法在jQuery中上传ajax文件后刷新图像?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。