- 技术博客
- vue聊天功能模块（七）js文件名过长部分显示
需求：消息文件名过长，显示部分
写一个函数，获取字符串长度，截取部分
function getFileName(fileName
){
var showFileName
='';
var disLength
= fileName
.length
;
var substringC
= 6;
var nameLength
= 0;
var cutIndex
= 0;
for(var i
=0; i
<disLength
; i
++) {
if(escape(fileName
[i
]).indexOf("%u")<0){
nameLength
+= 1;
}
else{
nameLength
+= 2;
}
if(nameLength
> 12){
cutIndex
= i
;
break;
}
}
console
.log(nameLength
);
if (nameLength
> substringC
){
showFileName
= fileName
.replace(/^(^.{15})(.+)(.{2}\.+\w+$)$/g, "$1...$3");
}else {
showFileName
= fileName
;
}
return showFileName
;
}
调用函数，显示文件
let showFileName
= getFileName(msg
.mss
);
html
+=
'<span id="downLoadMsg" class="msgFileContent" data-menu="selMsg" data-data="' + MsgNum
+ ',' +
msgType
+
'"<a href="http://' + nginxIp
+ ':' + msg
.url
+'"><span class="downFiles">'+showFileName
+'</span><img class="msgFilesImg" src="./images/message/docImg.png" alt=""></a></span>';
效果
