1.准备一套qq表情图片:如下:
图片的命名都是以f0开头,后面两位数字,如:f009.png;
2.发送消息后,接受到后台的msg中,如:‘消息内容f003,文字文字~’,要把消息中的以f0开头的四位字符串替换成对应的qq表情图片:
如:把字符串f009替换成图片f009.png;
js代码:
var msg = '消息文字f003文字f009消息文字...'; / / msg 为:请求服务器返回的后台消息字符串
var content = filterImg(msg); // content 为:替换图片后显示到前台的消息
alert( content );
function filterImg(str){
var re = /f0[0-9]{2}/g;
var newStr = str.replace(re,function(_str){
return toImg(_str);
});
return newStr;
}
function toImg(_str){
var picName = '';
var picTag = '';
for(var i=0;i<_str.length;i++){
picName += _str[i];
}
picTag = '<img src="icon/'+ picName +'.png" />';
return picTag;
}
3.效果图: