<code id="woqs2"></code>
<bdo id="woqs2"><strong id="woqs2"></strong></bdo>
  • 龍巖易富通網絡科技有限公司

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

    uniapp富文本圖片預覽

    2023.11.08 | 154閱讀 | 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,

    })

    },


    贊 (

    發表評論

    天堂字幕AV,亚洲三级高清电影,久久精品国产亚洲AV超碰,三级精品在线,外国色综合区在线,婷婷五月综合网
    <code id="woqs2"></code>
    <bdo id="woqs2"><strong id="woqs2"></strong></bdo>