您的位置:首页 > 移动开发 > WebAPP

qq表情正则替换

2013-07-12 16:04 295 查看
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.效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息