在网页中实现“截屏”上传图片功能

document.body.onpaste = function(e) {

//console.log(e)

var items = e.clipboardData.items;

for (var i = 0; i < items.length; ++i) {

var item = e.clipboardData.items[i];

if (items[i].kind == 'file' && items[i].type == 'image/png') {

//FileReader可以参考API

var fileReader = new FileReader();

//readAsDataURL是一个异步过程，这里提供回调方法

fileReader.onloadend = function () {

var d = this.result.substr( this.result.indexOf(',')+1);

var img = document.createElement("img");

img.src= "data:image/jpeg;base64,"+d;

document.body.appendChild(img);

};

//DataURL，不清楚了可以去看下资料

fileReader.readAsDataURL(item.getAsFile());

break; // Just get one

}

}

};