怎么用JS来过滤Emoji ?

5,253 阅读1分钟

今天遇到一个问题,输入输入法表情一直报错导致一直提交出错,后来查询了下原因是因为UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节,而MySql的utf8编码最多3个字节,所以数据插不进去。

解决方式(共2种)

1.将Mysql的编码从utf8转换成utf8mb4 2.JS过滤掉emoji表情

这里我们选择用js来过滤,代码如下

let oIpt = document.querySelector('#iptVal');

oIpt.value = oIpt.value.replace(/[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig, '');

直接把去除表情后的值赋值给input就可以,以上正则可以匹配到iOS10.2.1及之前的全部emoji表情,Android的表情因为比较多,可能有遗漏,查询了一个解决方式如下:

let oIptVal = document.querySelector('#iptVal').value;

console.log(escape(oIptVal));

// escape得到%uD83C%u.........格式的编码,可对应成\u...格式就ok

以上这样就基本解决了,如果有错误或者疏漏,还请大家多多指教