//限制富文本内图片大小,有无图片,限制图片大小
const theEle = this.$refs.text; //获取到元素
console.log(theEle.value);//获取到富文本内容
var img=theEle.value.match(/<img[^>]+>/g);//筛选img标签
if(img==null){//判断有无图片
this.$message("请上传图片");
return false
}
var arrImg = '' // 定义空字符串,下面会往里边填充img标签
for (var j = 0; j < img.length; j++) {
// 正则匹配,摘出img标签下的src里的内容,即capture
img[j].replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
arrImg += capture
});
}
// 原来的字符流大小,单位为字节
var strLen=arrImg.length;
// 计算后得到的文件流大小,单位为字节
var fileSize=parseInt(strLen-(strLen/8)*2);
// 由字节转换为MB
var size = "";
size = (fileSize / 1024/1024).toFixed(2);
if(size>1){
this.$message.error("文件大小超过1M,请重新上传")
return false
}
//base64图片计算
https://www.jianshu.com/p/b340370589c0