JS利用clipboarddata实现屏幕贴 浏览:156

这个例子给你分享的代码执行的clipboarddata截图,供大家参考,以下具体内容






copyimg


#箱{宽度:200px;高度:200px;border: 1px solid # DDD;}










使用clipboarddata实现在Web页面的截图和粘贴功能



(函数(){())
无功imgreader =功能(项目){
VaR blob = item.getasfile(),
读者= FileReader();

reader.onload =功能(e){
VaR img =新的图像();

img.src = e.target.result;

document.body.appendchild(IMG);
};

reader.readasdataurl(BLOB);
};
document.getelementbyid('testinput)。AddEventListener('paste功能(e){)
无功clipboarddata = e.clipboarddata,
我= 0,
项目、项目、类型;

如果(clipboarddata){
项目= clipboarddata.items;

如果(!项目){
返回;
}

项目=项目{ 0 };
类型= clipboarddata.types | | { };

为(;;i < types.length;i++){
如果(类型{我} = 'files){
项目=项目{ };
打破;
}
}

如果(项目item.kind = 'file' item.type.match( / ^图像 / /我)){
ImgReader(项);
}
}
});
});






以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

标签: 电脑应用

推荐文章1
广告