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

正则表达式匹配图片格式

作者: 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;

}

相关文章

  • 正则表达式匹配图片格式

    var div1 = ''; imgMatch(str){ // var reg = /\w(\.jpeg | ...

  • Nginx 匹配规则

    无 :默认匹配,普通匹配 = :精确匹配 ~* :匹配正则表达式,不区分大小写 ~ :匹配正则表达式,区分大小写 ...

  • 2019.8.15分享:正则表达式字符匹配攻略

    一、正则表达式 正则表达式是匹配模式,要么匹配字符,要么匹配位置。 这次分享主要将提下正则表达式字符匹配 • 两种...

  • python与正则表达式 2020-01-02(未经允许,禁止转

    正则表达式 正则表达式与程序语言无关。正则表达式做匹配实际上就做3件事:【字符匹配】+【次数匹配】+【逻辑匹配】下...

  • 《javaScript正则表达式迷你书》(一)

    正则表达式字符匹配攻略 正则表达式是匹配模式,要么匹配字符,要么匹配位置。 两种模糊匹配 如果正则只有精确匹配是没...

  • 正则加^$与不加的区别

    加^$的正则表达式,表示完整匹配。 正则表达式匹配内容匹配结果说明/bc/abcdefg成功包含就能匹配成功/^a...

  • 正则表达式收集

    常用正则表达式大全 常用正则表达式大全!(例如:匹配中文、匹配html) 匹配中文字符的正则表达式:[u4e00-...

  • 正则表达式位置匹配攻略

    来源:正则表达式位置匹配攻略作者:老姚(转载已获得作者授权) 正则表达式是匹配模式,要么匹配字符,要么匹配位置。 ...

  • 正则表达式字符匹配攻略

    来源:正则表达式字符匹配攻略作者:老姚(转载已获得作者授权) 正则表达式是匹配模式,要么匹配字符,要么匹配位置。请...

  • 5: 正则表达式 + 三剑客之grep

    3 正则表达式 正则表达式元字符分类: 字符匹配 次数匹配 位置锚定 分组 基本正则表达式: vim, grep,...

网友评论

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

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