zoukankan      html  css  js  c++  java
  • layui文件上传中如何先判断后再弹出文件选择框

    前言:layui中的上传,如何在点击上传按钮前阻止file的默认打开文件选择框呢?我想点击后先判断下,如果判断结果不符合,就直接弹出提示框,而不是文件选择框,判断符合才进行文件选择。
    但是在layui的uplode.render里的before和choose都试了,始终避免不了。在外面也绑定了click事件,还是不行。绑定了click的return false,都不行。

    解决方式:当然我的方法比较野

    <button type="button" class="layui-btn layui-btn-normal" onclick="test()">先检查再选图片的按钮</button>
    <button type="button" id="idUpload">上传图片</button><!-- 这个按钮你给隐藏一下嘛 -->
    
    <script>
    var uploadInst = layui.upload.render({
        elem: '#idUpload',
        url: '/upload/',
        done: function(res) {
            //上传完毕回调
        },
        error: function() {
            //请求异常回调
        }
    });
    function test() {
        //在此做你的检查
        $('#idUpload').click(); //检查通过再选上传图片
    }
    </script>

    问题解决!!!

  • 相关阅读:
    Oracle
    注解
    java 算法实现
    ConcurrentHashMap
    hashMap 1.8
    hashmap 1.7
    MySQL优化
    Mysql面试题
    tmux
    mysql 复制表结构、表数据的方法
  • 原文地址:https://www.cnblogs.com/yinyl/p/11050757.html
Copyright © 2011-2022 走看看