首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在ajax调用后重新加载img attr "src“,而不知道镜像标签中的文件名?

在ajax调用后重新加载img的src属性,而不知道镜像标签中的文件名,可以通过以下步骤实现:

  1. 获取img标签的src属性值,可以使用jQuery的attr()方法或者原生JavaScript的getAttribute()方法获取。
  2. 发起ajax请求,获取到需要加载的新图片的文件名。
  3. 使用获取到的新文件名替换img标签的src属性值。
  4. 刷新img标签,使其加载新的图片。

下面是一个示例代码:

代码语言:txt
复制
// 获取img标签的src属性值
var imgSrc = $('img').attr('src');

// 发起ajax请求,获取新图片的文件名
$.ajax({
  url: 'your_ajax_url',
  method: 'GET',
  success: function(response) {
    var newFileName = response.fileName;

    // 使用新文件名替换img标签的src属性值
    var newImgSrc = imgSrc.replace(/[^/]+$/, newFileName);
    $('img').attr('src', newImgSrc);

    // 刷新img标签,使其加载新的图片
    $('img').on('load', function() {
      // 图片加载完成后的操作
    }).attr('src', newImgSrc);
  },
  error: function() {
    // 处理错误情况
  }
});

在这个示例中,我们首先获取了img标签的src属性值,然后通过ajax请求获取到新图片的文件名。接下来,我们使用新文件名替换img标签的src属性值,并通过刷新img标签来加载新的图片。请注意,这里使用了jQuery库来简化操作,如果你不使用jQuery,可以使用原生JavaScript来实现相同的功能。

推荐的腾讯云相关产品:腾讯云对象存储(COS)

  • 概念:腾讯云对象存储(COS)是一种海量、安全、低成本、高可靠的云存储服务,适用于存储和处理任意类型的文件,包括文本、图片、音视频等。
  • 优势:高可靠性、低成本、高扩展性、安全可靠、简单易用。
  • 应用场景:网站和应用程序的静态资源存储、大规模数据备份和归档、多媒体内容存储和分发等。
  • 产品介绍链接地址:腾讯云对象存储(COS)

请注意,以上答案仅供参考,具体的实现方式和推荐的产品可能因实际需求和环境而有所不同。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券