您的位置:首页 > Web前端 > JavaScript

JS打开选择本地文件的对话框

2014-07-21 10:28 316 查看
方法一:

在定义的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 ;

单击已经添加函数的按钮会弹出选择本地文件的对话框。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: