js 复制图片到剪切板 和 js复制文本到剪切板

js 复制图片到剪切板

    <a href="javascript:;" id="copyQrcode" data-base="">复制图片</a>    
    <img id="hidImag" src="" />   

(document).on(‘click’, ‘#copyQrcode’, function () {
try {
var base64Data =$(this).attr(“data-base”);
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);
}
layer.msg(‘复制成功!’, { icon: 1 });
});
function convertBase64ToBlob(base64, type) {
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});
}

js复制文本到剪切板

复制文本
(document).on(‘click’, ‘#copylink’, function () {
var textareaEl = document.createElement(‘textarea’);
textareaEl.setAttribute(‘readonly’, ‘readonly’); // 防止手机上弹出软键盘
textareaEl.value = $(this).attr(“data-url”);
document.body.appendChild(textareaEl);
textareaEl.select();
var res = document.execCommand(‘copy’);
document.body.removeChild(textareaEl);
layer.msg(‘复制成功!’, { icon: 1 });
return res;
});

下面也是复制 图片操作，只是要求 图片必须是 在绝对路径