[JavaScript知识库]vue中textarea监听粘贴事件获取图片

html中代码：

<el-input
    id="textarea"
    v-model="value"
    type="textarea"
    maxlength="1000"
>
</el-input>

JavaScript中代码：

mounted() {
    let that = this;
    const element = document.getElementById('textarea');
    element.addEventListener('paste', function (event) { // addEventListener：添加粘贴事件监听
        const imagesFile = event.clipboardData.files[0];// 获取剪贴板图片
        if (!imagesFile) {
            return;
        }
        const formData = new FormData();
        formData.append('file', imagesFile);
        // 将图片的文件流上传到服务器
        uploadToServiceImage(formData).then(res => {
        	// 返回的是一个图片的远端地址
            that.imageUrl = res.data.url;
        });
    });
}