<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<textarea id="o"></textarea>
<img id="upload" src="" alt="">
<script>
var o = document.getElementById('o')
o.addEventListener('paste', onPaste)
function onPaste(event) {
var file = null
var items = (event.clipboardData || window.clipboardData).items;
if (items && items.length) {
for (var i = 0; i < items.length; i++) {
if (items[i].type.indexOf('image') !== -1) {
file = items[i].getAsFile();
break;
}
}
}
if (!file) {
console.log('粘贴的不是图片');
return;
}else{
console.log('粘贴的是图片');
var url= window.URL.createObjectURL(file);
document.getElementById( 'upload').src=url;
}
let e = {
target: {
files: [file],
value: file.name
}
}
// ... 上传到服务器， 返回图片地址， 并显示在需要的位置
}
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
