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>
问题解决!!!
文章来自:https://www.cnblogs.com/yinyl/p/11050757.html