<progress id="rpggd"></progress><tbody id="rpggd"></tbody>
    1. <s id="rpggd"><object id="rpggd"></object></s>
    2. 龍巖易富通網絡科技有限公司

      龍巖小程序開發,龍巖分銷系統

      uniapp富文本圖片預覽

      2023.11.08 | 233閱讀 | 0條評論 | 小程序

      <rich-text :data-nodes="about" :nodes="about" @click.stop="showPreview" style="line-height: 60rpx;"></rich-text>


      showPreview(e) {

      let conimg = e.target.dataset.nodes;

      let imgs = conimg.match(/<img[^>]+>/g); //選擇節點中的img

      let imgList = [];

      //遍歷img標簽的src里面的內容放在定義的數組imgList中

      for (var j = 0; j < imgs.length; j++) {

      imgs[j].replace(/<img[^>]*src=['"]([^'"]+)[^>]*>/gi, function(match, capture) {

      imgList.push(capture)

      })

      }

      //最后一步就是所有圖片放在預覽的方法previewImage中就可以了

      uni.previewImage({

      current: imgList,

      urls: imgList,

      })

      },


      贊 (

      發表評論

      久久艹艹,操你啦免费视频,国产精品**片在线更新,裙底盗摄国产精品

      <progress id="rpggd"></progress><tbody id="rpggd"></tbody>
      1. <s id="rpggd"><object id="rpggd"></object></s>