从剪贴板粘贴图片

最新推荐文章于 2020-09-12 22:44:29 发布

原创最新推荐文章于 2020-09-12 22:44:29 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

私人笔记专栏收录该内容

42 篇文章

订阅专栏

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

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;
			}
		}
    }
};