javascript打开文件对话框选择打开文件后，如何一步到位的把文件路径名显示在文本框中

首先创建一个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中用链接实现打开本地文件对话框

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 ;

单击已经添加函数的按钮会弹出选择本地文件的对话框。

JS打开本地文件夹对话框

// 浏览文件夹（指定文件路径）

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可以找相关资料。

JavaScript如何弹出文件选择框，然后返回文件完整路径

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"

javaScript产生一个文件保存对话框

你是找下载完成东西的时候你发现找不到路径吗？估计你用的是IE，其它浏览器都有打开文件夹功能的，你去下载一个超大的文件，然后下载框弹出来的时候，左下角有一个下载完成后关闭的复选框，你把它去掉，这样下载完成后，你店家打开文件夹按钮就可以打开保存的路径了

网站栏目：javascript文件对话框,js打开文件夹对话框
网站URL：http://scyanting.com/article/dsdiigc.html