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>

问题解决!!!

猜你喜欢

转载自www.cnblogs.com/yinyl/p/11050757.html