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

admin

如下所示：

<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中el-upload多文件一次性上传的实现
  • VUE 实现element upload上传图片到阿里云
  • element-ui 中使用upload多文件上传只请求一次接口
  • Element-UI中Upload上传文件前端缓存处理示例
  • 用element的upload组件实现多图片上传和压缩的示例代码
  • vue-cli3.0+element-ui上传组件el-upload的使用
  • element-ui upload组件多文件上传的示例代码
  • 在vue项目中使用element-ui的Upload上传组件的示例
  • Element-ui upload上传文件限制的解决方法

转载请注明出处:http://www.xinxianzhihui.com/article/20230303/128988.html