input=file 类型模拟点击input 打开文件选选择框

用于:当上传文件界面需要美观,上传前又要处理数据 ,判断是浏览器打开还是客户端打开文件选择框时

html:

<li class=" maegins " id="uploadfiles"  style="display: none;" οnclick="fileImport('file')">
    <button type="button" class="btn-get" >上传文件
        <input class="fbtn" name="file" id="file" type="file" style="display: none" >
    </button>
</li>
部分js:

if(){

不打开input type=file;

}else{

var fileEle=document.getElementById(id);
$('#'+id).css('display','block');
$('#'+id).attr('onchange','extnetImport(\''+id+'\',\''+ deptIdPath+'\')');
if(fileEle){
   fileEle.click();
}
$('#'+id).css('display','none');}
 
fileImport() 接口查询 根据结果 判断是否 打开input type=file;
思路:将 input type=file 设置隐藏  点击li 时不会捕获到 input框;
       数据处理完 需要打开文件选择框时 让显示 并打开;关键:

if(fileEle){
   fileEle.click();
}
     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值