js 监听粘贴事件并获取复制的文件转换为File对象数组（包括监听Ctrl+V或右键粘贴）

原创已于 2025-05-13 12:25:01 修改 · 169 阅读

0 ·

CC 4.0 BY-SA版权

随意拷贝莫问题，但是有一点！请务必备注“你挚爱的强哥出品~么么哒”！

文章标签：

#javascript #前端 #vue.js

于 2025-05-13 09:28:42 首次发布

JavaScript&TypeScript 专栏收录该内容

289 篇文章

订阅专栏

<template>
  <div id="pasteArea"></div>
</template>
<script>
export default {
  mounted() {
    addEventListener("paste", (event) => {
      event.preventDefault(); // 阻止默认粘贴行为
      let files = [...((event.clipboardData || window.clipboardData).files || [])];
      files = files.filter((v) => v && v.type !== `` && v.size !== 0); //过滤掉文件夹or空文件
      console.log(`获取粘贴的文件File：`, files);
    });
  },
};
</script>

js 监听粘贴事件并获取内容填充到输入框（包括监听Ctrl+V或右键粘贴）-CSDN博客文章浏览阅读223次。【代码】js 监听粘贴事件并获取内容填充到输入框（包括监听Ctrl+V或右键粘贴）_监听粘贴事件https://blog.csdn.net/qq_37860634/article/details/145969445