从剪贴板粘贴图片

iteye_19332

于 2012-04-07 08:31:55 发布

阅读量295

点赞数

分类专栏：私人笔记

本文链接：https://blog.youkuaiyun.com/iteye_19332/article/details/82305883

版权

私人笔记专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一个JavaScript函数，该函数用于处理浏览器中的粘贴事件，并从剪贴板中提取PNG格式的图片文件。当检测到符合要求的文件类型时，它使用FileReader API读取图片数据并将其展示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function pasteEvent(event) {
    event = event || window.event;
    var theClipboardData = event.clipboardData || window.clipboardData;
    if (theClipboardData) {
		var items = theClipboardData.items;
		for (var i = 0; i < items.length; ++i) {
			var item = theClipboardData.items[i];
			if (items[i].kind == 'file' && items[i].type == 'image/png') {
				var fileReader = new FileReader();
				fileReader.onloadend = function () {
					var d = this.result.substr( this.result.indexOf(',')+1);
					var img = document.createElement("img");
					img.src= "data:image/png;base64,"+d;
					document.body.appendChild(img);
				};
				fileReader.readAsDataURL(item.getAsFile());
				break;
			}
		}
    }
};