请问js如何获取剪贴板中的图片base64数据？
网友回复
js代码如下：
function retrieveImageFromClipboardAsBase64(pasteEvent, callback, imageFormat){
if(pasteEvent.clipboardData == false){
if(typeof(callback) == "function"){
callback(undefined);
}
};
var items = pasteEvent.clipboardData.items;
if(items == undefined){
if(typeof(callback) == "function"){
callback(undefined);
}
};
for (var i = 0; i < items.length; i++) {
// Skip content if not image
if (items[i].type.indexOf("image") == -1) continue;
// Retrieve image on clipboard as blob
var blob = items[i].getAsFile();
// Create an abstract canvas and get context
var mycanvas = document.createElement("canvas");
var ctx = mycanvas.getContext('2d');
// Create an image
var img = new Image();
// Once the image loads, render the img on the canvas
img.onload = function(){
// Update dimensions of the canvas with the dimensions of the image
mycanvas.width = this.width;
mycanvas.height = this.height;
// Draw the image
ctx.drawImage(img, 0, 0);
// Execute callback with the base64 URI of the image
if(typeof(callback) == "function"){
callback(mycanvas.toDataURL(
(imageFormat || "image/png")
));
}
};
// Crossbrowser support for URL
var URLObj = window.URL || window.webkitURL;
// Creates a DOMString containing a URL representing the object given in the parameter
// namely the original Blob
img.src = URLObj.createObjectURL(blob);
}
}
window.addEventListener("paste", function(e){
// Handle the event
retrieveImageFromClipboardAsBase64(e, function(imageDataBase64){
// If there's an image, open it in the browser as a new window :)
if(imageDataBase64){
// data:image/png;base64,iVBORw0KGgoAAAAN......
console.log(imageDataBase64);
}
});
}, false);
完整的html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
linux stream如何限制单个目录最大容量？
哪有免费的千问qwen3.6-plus的api可以使用？
python如何自动根据视频图片等素材自动按照要求剪辑视频生成剪映草稿？
gemma4与开源的qwen3.5哪个更厉害？
wan2.7 video与seedance2哪个更好？
claude code 51万行代码泄露被迫开源在哪能找到源码？
有没有免费的虚拟局域网工具可以将互联网设备组成一个大的局域网？
全球顶尖大模型这么强，为啥AGI 测试集体溃败 人类满分 AI 最高仅 0.37%？
听说字节seedance3的视频生成长度可达到10分钟？
谷歌的TurboQuant是不是真的？
