• 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代码 
  • 相关阅读:
    类和对象【下】
    表达矩阵任意两个基因相关性分析 批量相关性分析 tcga geo 矩阵中相关性强的基因对 基因相关性
    【T3】畅捷通T3凭证打印修改边距后,打印效果没有任何变化。
    React源码分析1-jsx转换及React.createElement
    Linux三剑客sed之增删改查
    Shell学习--Shell变量
    2024年阿里云4核8G配置云服务器价格低性能高!
    Veeam 社区版和 EULA
    从飞天到倚天 阿里云底层自研技术大爆发
    华为机试 - 判断一组不等式是否满足约束并输出最大差
  • 原文地址:https://blog.csdn.net/weixin_45100742/article/details/134339449