element UI upload组件上传附件格式限制方法

最新推荐文章于 2024-08-29 07:30:44 发布

应诺929

最新推荐文章于 2024-08-29 07:30:44 发布

阅读量474

点赞数

文章标签： ui elementui vue.js

本文链接：https://blog.csdn.net/qq_41954585/article/details/122983261

版权

这段内容描述了一个使用Element UI的上传组件实现文件上传的功能。配置中指定了上传的URL、是否多选、文件变化时的处理函数、上传前的验证、成功上传后的回调、预览文件的方法以及接受的文件类型，包括各种图片格式和PDF。提示信息指出单个文件大小不能超过5MB。这是一个关于前端开发中文件上传控件的配置示例。

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

<el-upload
 :action="uploadUrl"
 ref="upload"
 :multiple="false"
 :on-change="fileChange"
 :before-upload="beforeUpload"
 :on-success="handleAvatarSuccess"
 :on-preview="file_click"
 class="upload-demo"
 list-type="text"
 accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
 :file-list="uploadForm.personFileList"
 :auto-upload="false">
 <el-button size="small" type="primary">选择文件</el-button>
  <div slot="tip" class="el-upload__tip"><i class="el-icon-warning" style="color:red;margin-right:5px"></i>单个文件不超过5MB</div>
 </el-upload>

accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
//accept支持上传文件格式