我想在元素上触发 onpaste 事件以检索剪贴板中的数据(我想检查剪贴板中是否存在图像并将其上传到服务器中)。它在 Chrome 上完美运行:
$('#textarea')[0].onpaste = function(event)
{
var items = event.clipboardData.items;
if (items.length)
{
var blob = items[0].getAsFile();
var fr = new FileReader();
fr.onload = function(e)
{
alert('got it!');
}
fr.readAsDataURL(blob);
}
}
不适用于 Firefox:event.clipboardData.items
不存在。您知道如何在元素中检索 onpaste 事件吗?
您需要创建一个 contenteditable div 来保存粘贴时的图像
var pasteCatcher = $('<div/>',{'id':'container'});
$('body').append(pasteCatcher);
var pasteCatcher = document.getElementById('container');
pasteCatcher.setAttribute("contenteditable", "");
那么你需要等待粘贴事件并处理它
window.addEventListener("paste",processEvent);
function processEvent(e) {
//some functionality
}
还编写代码以从 contenteditable div 中获取图像数据并将其发送到服务器。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)