在修改项目的时候,发现之前项目是对文件类型限制jpeg、jpg、png、docx、mp4、ppt、pdf,结果没有限制住类型,上传webp图片时也可以进行上传。然后在修改的过程中发现,因为我添加了before-remove移除之前钩子函数,然后添加上传之前对文件类型校验时候,若符合就上传成功,否则移除弹框弹出进行删除,目前我去掉了二次确认删除弹框,参考代码:
<el-upload
class="upload-file"
action
:before-upload="beforeUpload"
:before-remove="beforeRemove"
:http-request="selectPicUpload"
:file-list="fileList"
accept=".jpg,.png,jpeg,.pdf,.ppt,.mp4"
>
<el-button
size="small"
type="primary"
icon="el-icon-upload2"
class="upload-file-btn"
>点击上传</el-button
>
<div slot="tip" class="el-upload__tip">
(可上传jpg/png/pdf/ppt/doc/docx/mp4文件,
上传文件需小于500M)
</div>
<