微件:getMCBBSAvatar：修订间差异

可视化wikitext

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

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

@@ 第1行： / 第1行： @@
-<includeonly><script defer>
+<includeonly><script>
-function saltQuery(cssSelector = '#app') {
+document.addEventListener('readystatechange', function () {
-     this.elems = document.querySelectorAll(cssSelector);
+     for (let el of Array.from(document.querySelectorAll('.salt.getmcbbsavatar'))) {
-    this.each = function (myfunc) {
+        el.classList.remove('getmcbbsavatar') // 移除标记
-         for (var i = 0; i < this.elems.length; i++) {
+        let src = 'https://www.mcbbs.net/uc_server/avatar.php?uid=' + (el.textContent || '1') + '&size=big'
-             myfunc(i, this.elems[i]);
+        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) // 写入链接
      }
-}
+})
-new saltQuery('.salt.getmcbbsavatar').each(
+</script></includeonly><noinclude>已弃用，请使用 <code><ucenter-avatar></code>标签代替。</noinclude>
-    (i,j) => {
-        var src = 'https://www.mcbbs.net/uc_server/avatar.php?uid=' + j.innerText + '&size=big';
-        j.classList.remove('getmcbbsavatar')
-        j.innerHTML = '<img src="' + src + '">'
-    }
-);
-</script></includeonly>