Vue front-end copy-paste mode upload pictures

<template> <div @paste="onPaste"> { async onPaste(e) { const items = e.clipboardData.items; if (! The items | | items. The length = = = 0) {console. Error (' the current browser does not support paste); return; } let file = null; // search for clipboard items for (let I = 0; i < items.length; i++) { if (items[i].type.indexOf('image') ! == -1) { file = items[i].getAsFile(); break; } } if (! File) {this.$message.error(' Paste content not image '); return; } const reader = new FileReader(); reader.onload = async e => { reader.readAsDataURL(file); }; let form = new FormData(); form.append('file', file); form.append('xxx', 'yyy'); Const {res} = await uploadFile(form); // uploadFile to server}}Copy the code