el-upload上传限制文件类型

一顿敲代码的小朋

已于 2024-03-27 17:08:20 修改

阅读量950

点赞数 3

文章标签： javascript 前端 vue.js

于 2024-03-27 17:05:13 首次发布

本文链接：https://blog.csdn.net/sxp15045034964/article/details/137083139

版权

本文讨论了在Vue上传组件中，如何通过`accept`属性和`handleBeforeUpload`回调函数来限制上传文件类型，以防止潜在的安全漏洞。

摘要由CSDN通过智能技术生成

真正的限制住了上传类型，不仅仅是通过accept，也通过回调函数handleBeforeUpload，防止漏洞。

<el-upload
:limit="limit"
:accept="accept"
:before-upload="handleBeforeUpload"
>

   props: {
       accept: {
//上传类型 .pdf,.xlsx ...
type: String,
default: () => ''
},
},

   // 上传前的回调
handleBeforeUpload(file) {
var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
if (this.accept) {
if (!this.accept.includes(testmsg)) {
this.$message.error(`上传文件只能是${this.accept}格式!`)
return false
}
}
}