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

Posted zhangyezi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element UI upload组件上传附件格式限制相关的知识,希望对你有一定的参考价值。

<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支持上传文件格式

 

以上是关于element UI upload组件上传附件格式限制的主要内容,如果未能解决你的问题,请参考以下文章

element-ui upload组件多文件上传

Element UI 上传文件Upload 限制上传文件格式

element-ui框架upload组件上传图片删除图片预览功能

element ui之图片上传以base64的格式传给后端

饿了么Element UI之Upload组件图片上传原创

element-ui upload组件上传