获取用户输入的表情, 转码,解码

 

 

前端在页面中获取用户输入,有时候会碰到表情输入,如果之间传给后端是不行的, 会显示空字符.

前端解决的方案：

         在提交数据时，通过正则获取所有的emoji表情，将其转成 base64 ，然后提交给后台，后台不需要做任何操作，当请求数据时再原封不动的返给前端，前端对数据进行过滤，转换成表情。

// 将其转成 base64
   utf16toEntities:function(str) {
    var patt = /[\ud800-\udbff][\udc00-\udfff]/g; // 检测utf16字符正则
    str = str.replace(patt, function (char) {
      var H, L, code;
      if (char.length === 2) {
        H = char.charCodeAt(0); // 取出高位
        L = char.charCodeAt(1); // 取出低位
        code = (H - 0xD800) * 0x400 + 0x10000 + L - 0xDC00; // 转换算法
        return "&#" + code + ";";
      } else {
        return char;
      }
    });
    return str;
  },

解码

uncodeUtf16:function(str){
    var reg = /\&#.*?;/g;
    var result = str.replace(reg, function (char) {
      var H, L, code;
      if (char.length == 9) {
        code = parseInt(char.match(/[0-9]+/g));
        H = Math.floor((code - 0x10000) / 0x400) + 0xD800;
        L = (code - 0x10000) % 0x400 + 0xDC00;
        return unescape("%u" + H.toString(16) + "%u" + L.toString(16));
      } else {
        return char;
      }
    });
    return result;
  },