富文本内图片大小调整,判断有无图片,限制图片大小

//限制富文本内图片大小,有无图片,限制图片大小
	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

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值