首先创建一个input标签，定义type为“file”（*关键）
创新互联是一家专注网站建设、网络营销策划、微信小程序定制开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10余年以来，已经为千余家成都茶楼设计各业的企业公司提供互联网服务。现在，服务的千余家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。
button id="id"Open/button
input id="yourinputname" type="file" name="yourinputname" style="display: none;" /
然后用 jQuery 代码来触发它就可以了:
$('#id').on('click', function() {
$('#yourinputname').trigger('click');
});
样例参考:
JS打开选择本地文件的对话框:
方法一：
在定义的form中添加以下javascript代码：
{
anchor : '95%',
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: '请选择',
fieldLabel: '上传附件',
name: 'meetingAffix',
buttonText: 'Browse'
}
单击Browse按钮后可以打开对话框，选中文件后，所选文件路径会出现在上传附件后面的文本框中。
方法二：
在定义的form中添加以下javascript代码：
{
columnWidth :1,
layout :'form',
bodyStyle :'padding:10px',
defaultType :'textfield',
labelWidth :120,
width :1000,
buttonAlign :'center',
items : [ {
fieldLabel :'请选择要上传的文件',
name :'fileName',
id :'fileId',
anchor :'95%',
allowBlank :false,
inputType :'file'
} ]
}
方法三：
给按钮定义以下javascript函数：
var inputObj=document.createElement('input')
inputObj.setAttribute('id','_ef');
inputObj.setAttribute('type','file');
inputObj.setAttribute("style",'visibility:hidden');
document.body.appendChild(inputObj);
inputObj.click();
inputObj.value ;
单击已经添加函数的按钮会弹出选择本地文件的对话框。
// 浏览文件夹（指定文件路径）
function BrowseFolder() {
try {
var Message = "Please select the folder path."; //选择框提示信息
var Shell = new ActiveXObject("Shell.Application");
var Folder = Shell.BrowseForFolder(0, Message, 0x0040, 0x11); //起始目录为：我的电脑
//var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为：桌面
if (Folder != null) {
Folder = Folder.items(); // 返回 FolderItems 对象
Folder = Folder.item(); // 返回 Folderitem 对象
Folder = Folder.Path; // 返回路径
if (Folder.charAt(Folder.length - 1) != "\\") {
Folder = Folder + "\\";
}
return Folder;
}
} catch (e) {
alert(e.message);
}
}
//保存文件
function SaveInfoToFile(folder, fileName) {
var filePath = folder + fileName;
var fileInfo = "hahahaha";
var fso = new ActiveXObject("Scripting.FileSystemObject");
var file = fso.CreateTextFile(filePath, true);
file.Write(fileInfo);
file.Close();
}
以上代码并没有处理xml，关于xml可以找相关资料。
1、js弹出文件选择框：
给按钮定义以下javascript函数：
var inputObj=document.createElement('input')
inputObj.setAttribute('id','_ef');
inputObj.setAttribute('type','file');
inputObj.setAttribute("style",'visibility:hidden');
document.body.appendChild(inputObj);
inputObj.click();
inputObj.value ;
单击已经添加函数的按钮会弹出选择本地文件的对话框。
2、写一个隐藏域, 当用户选择文件之后把图片的路径赋给这个隐藏域, 然后在action中就可以获取到文件的路径了，代码如下：
function showRealPath(filePath){
document.getElementsByName("textfield")[0].value = filePath;
}
input type="file" name="uploadfile" onfocus="showRealPath(this.value);"/
input type="hidden" name="uploadfileRealPath"
你是找下载完成东西的时候你发现找不到路径吗？估计你用的是IE，其它浏览器都有打开文件夹功能的，你去下载一个超大的文件，然后下载框弹出来的时候，左下角有一个下载完成后关闭的复选框，你把它去掉，这样下载完成后，你店家打开文件夹按钮就可以打开保存的路径了