美文网首页
正则表达式匹配图片格式

正则表达式匹配图片格式

作者: demoxjl | 来源:发表于2019-11-01 10:23 被阅读0次

    var div1 = '';

    imgMatch(str){

       // var reg = /\w(\.jpeg | \.png | \.jpg)/i; // \w = [A-Za-z_0-9];

        var reg = /(\.jpeg | \.png | \.jpg)/i;   //图片名为汉字的也可以匹配到

        reg.test(str); //返回true ,false

    }

    //正则匹配换行符

    changeString(strr){

        let str = strr.replace(/[\n]+/g, '</br>');

        let label = str.split('</br>');

        return label;

    }

    response.data.data.map(item){

        var labelArr = this.changeString(item);

        labelArr.forEach((str) =>{

            if(str !== ''){

                div1+=`<p style="line-height:32px;">${str}</p>`;

                let flag = this.imgMatch(str);

                if(flag){

                    let dom =`<div> <img :src=" 'data:image/png;base64,' + ${item.value} " alt=" "/></div>`;

                    div1 += dom;

                    }

                }

        }

    document.getElementById('editDetail').innerHTML = div1;

    }

    相关文章

      网友评论

          本文标题:正则表达式匹配图片格式

          本文链接:https://www.haomeiwen.com/subject/twqfbctx.html