在线图片更新后不会生效有缓存

如果取的在线图片记得加时间戳 否则在线图片更新后不会生效 有缓存
同时处理在线图片无法获取时,加载本地图片

// 给url添加时间戳,解决浏览器缓存
export function timestamp(url) {
  let result = '';
  const getTimestamp = new Date().getTime();

  if (url.indexOf('?') > -1) {
    result = `${url}&timestamp=${getTimestamp}`;
  } else {
    result = `${url}?timestamp=${getTimestamp}`;
  }
  return result;
}

  

const activityTop = timestamp(ACTIVITY_TOP_URL); // 活动图url

  

<img src={activityTop} alt="背景图" onError={this.handleLoadFailed} />

  handleLoadFailed = (e) => {
    const img = e.srcElement;

    img.src = require('./assets/activity-top.jpg');
    img.onerror = null;
  }

  

posted @ 2020-12-07 17:30  alisa.huang  阅读(97)  评论(0编辑  收藏  举报