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>

    问题解决!!!

  • 相关阅读:
    HTML5元素标记释义
    Mvc使用Partial View 来封装上传控件
    订单页过滤,sql写法
    防止提交重复订单的方法
    查询数据库所有列
    asp.net 异常处理
    7. DateTime,TimeSpan
    8.1.thread
    8.2.Task
    2.2. Array
  • 原文地址:https://www.cnblogs.com/yinyl/p/11050757.html
Copyright © 2011-2022 走看看