+
95
-

回答

<!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>

网友回复

我知道答案,我要回答