vue3拖动文件代码

污斑兔

于 2024-09-15 10:11:59 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/zweizhao/article/details/142268272

@drop.prevent="onDropUpload"
@dragenter.prevent=""
@dragover.prevent=""

function onDropUpload(e) {
  if (e.dataTransfer?.files && e.dataTransfer?.files.length) {
    const file = e.dataTransfer.files[0]
    if (!/\.(txt|srt)$/.test(file.name)) {
      return window.showError('文件格式不正确，仅支持.txt .doc .docx')
    }
    const reader = new FileReader()
    reader.readAsText(file, 'UTF-8')
    reader.onload = (e) => {
      const text = reader.result
      captionRef.value = text.replace(/\r\n/g, '\n')
    }
  }
}