<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<title>BFW NEW PAGE</title>
<script type="text/javascript">
function retrievedataFromClipboard(pasteEvent, callback) {
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++) {
if (items[i].type == "text/plain") {
var text = pasteEvent.clipboardData.getData('text/plain');
if (text) {
callback({
"type": "text",
"data": text
});
}
}
// 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({
"type": "image",
"data": mycanvas.toDataURL(
"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
retrievedataFromClipboard(e, function(data) {
// If there's an image, display it in the canvas
if (data) {
if (data.type == "text") {
alert("粘贴的文字为"+data.data);
}
if (data.type == "image") {
alert("粘贴是图片");
}
}
});
}, false);
</script>
<style>
</style>
</head>
<body>
<div id="picker">
按住ctrl+v粘贴
</div>
</body>
</html>
网友回复
js如何流式输出ai的回答并折叠代码块,点击代码块右侧可预览代码?
ai大模型如何将文章转换成可视化一目了然的图片流程图图表?
大模型生成html版本的ui原型图和ppt演示文档的系统提示词怎么写?
rtsp视频直播流如何转换成websocket流在h5页面上观看?
为啥coze会开源工作流agent coze studio?
如何检测网页是通过收藏夹打开的?
python如何实现类似php的http动态脚本请求处理响应代码?
js如何实现类似php的http动态脚本请求处理响应代码?
trae与solo有啥区别不同?
vue如何让ai动态生成问卷调查多步骤表单式收集基础信息自动规划执行任务?