element UI upload组件上传附件格式限制方法
程序员文章站
2023-11-17 14:27:52
如下所示:
如下所示:
<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组件上传附件格式限制方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐阅读
-
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
-
element UI upload组件上传附件格式限制方法
-
vue-cli3.0+element-ui上传组件el-upload的使用
-
element-ui upload组件多文件上传的示例代码
-
在vue项目中使用element-ui的Upload上传组件的示例
-
element-ui Upload 上传组件源码分析整理笔记(十四)
-
vue-cli3.0+element-ui上传组件el-upload的使用
-
element-ui upload组件多文件上传的示例代码
-
Element-ui upload上传文件限制的解决方法
-
vue中如何使用element-ui的Upload上传组件