用于:当上传文件界面需要美观,上传前又要处理数据 ,判断是浏览器打开还是客户端打开文件选择框时
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(); }