IE浏览器扫描控件，web截屏

最新推荐文章于 2020-11-12 08:29:10 发布

原创最新推荐文章于 2020-11-12 08:29:10 发布 · 678 阅读

1 ·

CC 4.0 BY-SA版权

IE浏览器插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何利用JS调用ActiveX插件TScrnCut.CAB来实现屏幕截图功能，并在截图完成后将Base64编码的图片上传至服务器。包括设置图像格式、压缩质量及通过Ajax或表单提交实现图片上传。

js调用activex插件在截屏之前保持【截屏提醒】窗口在最前端，可以随意切换到需要截屏的窗口后再进行截屏，截屏成功后回调获取图片Base64编码字符串，用户再通过ajax或通过表单提交上传到服务器解码后获得图片

截图通过jpg压缩后再进行编码，提高传输效率，用户也可以通过设置jpg图像压缩质量，控制上传文件大小即返回base64字符串长度

可用于用户b/s系统的用户截屏，软件bug截屏，或web聊天中截屏等

签名版CAB包调用Html代码

<object id="objsc" classid="clsid:D9B6FF64-EBC7-4C7D-B44C-E54C30978813" codebase='TScrnCut.CAB#version=2,0,0,915' width="0" height="0">
</object>

web页面js调用：

var objsc = new ActiveXObject("TScrnCut.SC");

设置返回图像的格式

objsc.ImgType="png" //jpg,png,gif

		objsc.ImgQuality=90; //设置截屏返回的图像压缩质量
		objsc.onCut=function(){//截屏成功（点击截屏界面中的完成按钮）后回调
			alert("截图成功！")
			$("#TimgBase64").val(objsc.GetImg()); //截屏数据 BASE64 String 用户可以通过ajax或页面提交至服务器端解码后得到截取图片
			$.post("服务器受理url",{imgBase64Code:objsc.GetImg()},function(ret){alert("上传截屏图像成功！")});//ajax 上传	
		}
		objsc.cut(1);