<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js复制图片-文字</title>
</head>
<body>
<div>
<img id="hidImag" src="" />
</div>
<input id="copy" type="button" style="cursor: pointer;" value="复制图片到剪切板">
<script type="text/javascript">
copy.onclick = function () {
try {
const base64Data = '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'
if (document.body.createControlRange) { //IE 11 需要有个img标签
var controlRange;
var imgs = document.getElementById('hidImag');
imgs.onload = function () {
controlRange = document.body.createControlRange();
imgs.contentEditable = 'true';
controlRange.addElement(imgs);
try {
var successful = controlRange.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log(err);
}
}
imgs.src = 'data:image/png;base64,' + base64Data;
}
else { //chrome
const blobInput = convertBase64ToBlob(base64Data, 'image/png');
const clipboardItemInput = new ClipboardItem({ 'image/png': blobInput });
navigator.clipboard.write([clipboardItemInput]);
console.log('success');
}
} catch (e) {
console.log(e);
}
}
function convertBase64ToBlob(base64, type) {
console.log(base64)
var bytes = window.atob(base64);
var ab = new ArrayBuffer(bytes.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i);
}
return new Blob([ab], { type: type });
}
</script>
</body>
</html>
base64图片 复制到系统剪切板
最新推荐文章于 2025-03-13 21:31:04 发布