截图后不用保存到桌面了,可以直接粘贴到页面,保存到数据库或者oss。
截图粘贴到页面是以base64的格式保存的,传到后端是以字符串形式传过去,后端需要进行一次转化。
直接上代码----->
1.html代码(此处可以根据需求设置成动态添加)
<div id={"img_parse_div"} className={"parseImg_diy"}>
<img id={"img_parse_div_child1"} src={""} />
<img id={"img_parse_div_child2"} src={""} />
<img id={"img_parse_div_child3"} src={""} />
</div>
2.js代码
listenerInput=()=>{
var that = this;
var imgReader = function( item ){
var blob = item.getAsFile(),
reader = new FileReader();
reader.onload = function( e ){
var img = new Image();
// document.getElementById("img_parse_div").innerHTML = '';
img.id = "paste_imgSelf";
img.src = e.target.result;
let srcV = document.getElementById("img_parse_div_child1").getAttribute("src");
if(!srcV