实现QQ截图粘贴到聊天框功能

paste

clipboardData

function paseImg()
{
var imgReader = function (item) {
var blob = item.getAsFile(),
reader = new FileReader();

reader.onloadend = function (e) {

//显示图像
var msg = "<img src='"+e.target.result+"' style='max-width:60%;max-height:250px;'/>";
$('#textarea').append(msg);
};

reader.readAsDataURL(blob);
};

document.getElementById("textarea").addEventListener("paste",function(e){
var clipboardData = e.clipboardData,
i = 0,
items, item, types;
if (clipboardData) {
items = clipboardData.items;

if (!items) {
return;
}

item = items[0];
types = clipboardData.types || [];

for (; i < types.length; i++) {
if (types[i] === 'Files') {
item = items[i];
break;
}
}

if (item && item.kind === 'file' && item.type.match(/^image\//i)) {
imgReader(item);
}
}
});
}
paseImg();