h5在线1v1客服|web在线客服系统|h5即时聊天

// 发送信息var $chatMsgList = $("#J__chatMsgList");function isEmpty(){ ???var html = $editor.html(); ???html = html.replace(/<br[\s\/]{0,2}>/ig, "\r\n"); ???html = html.replace(/<[^img].*?>/ig, ""); ???html = html.replace(/&nbsp;/ig, ""); ???return html.replace(/\r\n|\n|\r/, "").replace(/(?:^[ \t\n\r]+)|(?:[ \t\n\r]+$)/g, "") == "";}$(".J__wchatSubmit").on("click", function(){ ???// 判断内容是否为空 ???if(isEmpty()) return; ???var html = $editor.html(); ???var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g; ???html = html.replace(reg, "<a href=‘$1$2‘ target=‘_blank‘>$1$2</a>"); ???var msgTpl = [ ???????‘<li class="me"> ???????????<div class="content"> ???????????????<p class="author">游客</p> ???????????????<div class="msg">‘+ html +‘</div> ???????????</div> ???????????<a class="avatar"><img src="img/uimg/u__chat-imgDefault.jpg" /></a> ???????</li>‘ ???].join(""); ???$chatMsgList.append(msgTpl); ???$(".wc__choose-panel").hide(); ???// 清空聊天框并获取焦点（处理输入法和表情 - 聚焦） ???if(!$(".wc__choose-panel").is(":hidden")){ ???????$editor.html(""); ???}else{ ???????$editor.html("").focus().trigger("click"); ???} ???wchat_ToBottom();});// ...图片选择窗口$("#J__chooseImg").on("change", function () { ???$(".wc__choose-panel").hide(); ???var file = this.files[0]; ???var reader = new FileReader(); ???reader.readAsDataURL(file); ???reader.onload = function (e) { ???????var _img = this.result; ???????var _tpl = [ ???????????‘<li class="me"> ???????????????<div class="content"> ???????????????????<p class="author">游客</p> ???????????????????<div class="msg picture"><img class="img__pic" src="‘+ _img + ‘" /></div> ???????????????</div> ???????????????<a class="avatar"><img src="img/uimg/u__chat-imgDefault.jpg" /></a> ???????????</li>‘ ???????].join(""); ???????$chatMsgList.append(_tpl); ???????wchat_ToBottom(); ???}});// ...文件选择窗口$("#J__chooseFile").on("change", function () { ???$(".wc__choose-panel").hide(); ???var file = this.files[0], fileSuffix = /\.[^\.]+/.exec(file.name).toString(), fileExt = fileSuffix.substr(fileSuffix.indexOf(‘.‘) + 1, fileSuffix.length).toLowerCase(); ???console.log(fileExt); ???var fileTypeArr = [‘jpg‘, ‘jpeg‘, ‘png‘, ‘gif‘, ‘txt‘, ‘rar‘, ‘zip‘, ‘pdf‘, ‘docx‘, ‘xls‘]; ???if ($.inArray(fileExt, fileTypeArr) < 0) { ???????wcPop({ content: ‘附件只支持jpg、jpeg、png、gif、txt、rar、zip、pdf、docx、xls格式的文件‘, time: 2 }); ???????return; ???} ???var reader = new FileReader(); ???reader.readAsDataURL(file); ???reader.onload = function (e) { ???????var _file = this.result; ???????console.log(_file); ???????var _tpl = [ ???????????‘<li class="me"> ???????????????<div class="content"> ???????????????????<p class="author">游客</p> ???????????????????<div class="msg attachment"> ???????????????????????<i class="ico-attachment"></i> ???????????????????????<span class="file-info"> ???????????????????????????<p class="filename">‘+ file.name + ‘</p> ???????????????????????????<p class="filesize">‘+ formateSize(file.size) + ‘</p> ???????????????????????</span> ???????????????????????<a class="ico-download" href="‘+ _file + ‘" target="_blank" download="‘ + file.name + ‘" title="‘ + file.name + ‘"></a> ???????????????????</div> ???????????????</div> ???????????????<a class="avatar"><img src="img/uimg/u__chat-imgDefault.jpg" /></a> ???????????</li>‘ ???????].join(""); ???????$chatMsgList.append(_tpl); ???????wchat_ToBottom(); ???} ???/** 格式化文件大小显示 ?value : file文件的大小值 */ ???formateSize = function (value) { ???????if (null == value || value == ‘‘) { ???????????return "0 Bytes"; ???????} ???????var unitArr = new Array("B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"); ???????var index = 0; ???????var srcsize = parseFloat(value); ???????index = Math.floor(Math.log(srcsize) / Math.log(1024)); ???????var size = srcsize / Math.pow(1024, index); ???????size = size.toFixed(2); ???????//保留的小数位数 ???????return size + unitArr[index]; ???}});