1.第一种方法,纯js代码
其原理是:利用input标签的file类别,打开选择文件对话框通过input标签的change事件,将选择的文件返回。为了使每次选择的文件都得到更新,在input对象用完后每次都移除出html中,下次使用时再重新创建并添加到html中。代码如下:/**
*按钮事件实现函数
*原理:利用input标签的file类别,打开选择文件对话框
*通过change事件,将选择的文件返回。为了使每次选择的文件都得到更新,
*在input对象用完后每次都移除出html中,下次使用时再重新创建并添加到html中
*/
btnClickFun:function(dir){
// 创建input标签
var inputObj=document.createElement('input')
// 设置属性
inputObj.setAttribute('id','_ef');
inputObj.setAttribute('type','file');
inputObj.setAttribute("style",'visibility:hidden');
if(dir){ // 如果要选择路径,则添加以下两个属性
inputObj.setAttribute('webkitdirectory', "");
inputObj.setAttribute('directory', "");
}
// 添加到DOM中
document.body.appendChild(inputObj);
// 添加事件监听器
inputObj.addEventListener("change",this.updatePath);
// 模拟点击
inputObj.click();
},
// 打开文件选择器input标签的change事件响应
updatePath:function(){
var inputObj = document.getElementById("_ef");
var files = inputObj.files;
cons