如何获取剪贴板的图片，以下代码，
<!DOCTYPE html>
<html>
<input type='button' name='zhantie' value='上传剪贴板中的图片' onclick='paste_pic();'>
<script>
async function paste_pic() {
const items=await navigator.clipboard.read()
for (var i=0; i<items.length; i++) {
if (items[i].types=='image/png') {
var imageFile=items[i].getAsFile();
formData=new FormData ();
console.log (typeof formData);
if (formData.append ('image', imageFile)) {
console.log ('formdata append success!');
} else {
console.log ('formdata append failed!');
}
fetch ('upload_pic.php', {
method: 'POST',
body: formData
}).then(response=>console.log(response.status));
}
break;
}
}
</script>
</html>
执行后出现错误说getAsFile不是一个函数：
于是我把getAsFile换成getType,代码如下：
<!DOCTYPE html>
<html>
<input type='button' name='zhantie' value='上传剪贴板中的图片' onclick='paste_pic();'>
<script>
async function paste_pic() {
const items=await navigator.clipboard.read()
for (var i=0; i<items.length; i++) {
if (items[i].types=='image/png') {
const imageFile=await items[i].getType("image/png");
formData=new FormData ();
console.log (typeof formData);
if (formData.append ('image', imageFile)) {
console.log ('formdata append success!');
} else {
console.log ('formdata append failed!');
}
fetch ('upload_pic.php', {
method: 'POST',
body: formData
}).then(response=>console.log(response.status));
}
break;
}
}
</script>
</html>
但是formData append不成功，如下图片所示：
如大家指点一下，多谢！
