• Element-Ui入门教学——＜el-upload＞限制上传文件类型

    • 要限制上传文件的类型，需要给组件绑定:before-upload属性。
    • before-upload可选参数, 上传文件之前的钩子，参数为上传的文件，若返回 false 或者 Promise 则停止上传。
    • HTML代码 
        1. <template>
        2.     <el-upload
        3.         class="upload-demo"
        4.         :before-upload = "checkFileType"  // 限制上传文件函数
        5.         drag
        6.         accept=".png, .jpg, .jpeg"  // 在选择文件时限制，但治标不治本
        7.         action="https://jsonplaceholder.typicode.com/posts/"
        8.         :limit="1"  // 限制上传文件数量
        9.         multiple>
        10.         <i class="el-icon-upload">i>
        11.         <div class="el-upload__text">将文件拖到此处，或<em>点击上传em>div>
        12.         <div class="el-upload__tip" slot="tip">只能上传jpg/jpeg/png文件，且不超过500kbdiv>
        13.     el-upload>
        14. template>
    • JS代码 
  • 相关阅读:
    git常用命令
    Locust 1.0版本引入的变化
    演练 成员内部类
    能学习139条红外码的红外空调控制器长什么样子？
    计算机组成原理---第七章输入/输出系统---应用题
    ubuntu服务器启动报错UNEXPECTED INCONSISTENCY解决方法
    [ Linux ] 进程概念，pcb，查看进程，pid，ppid，fork
    【C++从0到王者】第三十三站：AVL树
    [uni-app] web-view 子传父，父传子，子父（父子）之间的相互传值（相互通信）
    【译】32位 .NET Framework 项目的 WinForm 设计器选择
  • 原文地址：https://blog.csdn.net/weixin_45100742/article/details/134339449