首页 > 代码库 > JS打开选择本地文件的对话框
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 ;
单击已经添加函数的按钮会弹出选择本地文件的对话框。