javascript文件对话框,js打开文件夹对话框

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

首先创建一个input标签，定义type为“file”（*关键）

button id="id"Open/button

input id="yourinputname" type="file" name="yourinputname" style="display: none;" /

然后用 jQuery 代码来触发它就可以了:

$('#id').on('click', function() {

   $('#yourinputname').trigger('click');

});

样例参考: 

相关问答

Q1: 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 ;

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

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

Q3: 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"

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

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