微件:getMCBBSAvatar：修订间差异

2023年3月17日 (五) 23:24的最新版本

已弃用，请使用 <ucenter-avatar>标签代替。

@@ 第1行： / 第1行： @@
-<includeonly><script deter>
+<includeonly><script>
+document.addEventListener('readystatechange', function () {
- $('.salt.getmcbbsavatar').each(
+ for (let el of Array.from(document.querySelectorAll('.salt.getmcbbsavatar'))) {
- (i,j) => {
+ el.classList.remove('getmcbbsavatar') // 移除标记
-  var src = 'https://www.mcbbs.net/uc_server/avatar.php?uid=' + j.innerText + '&size=big';
+ let src = 'https://www.mcbbs.net/uc_server/avatar.php?uid=' + (el.textContent || '1') + '&size=big'
-  j.classList.remove('getmcbbsavatar')
-  j.innerHTML = '<img src="' + src + '">'
+ el.textContent = '' // 清空内容
+ let img = document.createElement('img'), retry = 2, retryTime = 1500
+ img.src = src
+ img.onerror = function () {
+ retry--
+ img.alt = '正在加载头像'
+ if (retry > 0) setTimeout(function () { img.src = src }, retryTime)
+ else if (retry > -2) setTimeout(function () { img.src = 'https://www.mcbbs.net/uc_server/images/noavatar.svg' }, retryTime)
+ else img.alt = '无法加载头像'
  }
+ el.appendChild(img) // 写入链接
- );
+ }
-</script></includeonly>
+})
+</script></includeonly><noinclude>已弃用，请使用 <code><ucenter-avatar></code>标签代替。</noinclude>