`
wanggeying
  • 浏览: 66530 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

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

    博客分类:
  • JS
 
阅读更多
一、实现JS选择本地文件的对话框 ,注意是文件而不是文件夹!平时用着一种方案足够!
ja
vascript函数:       
         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 ;
         alert(inputObj.value);  
放到js函数中,运行下就可以看到效果 

二、实现JS选择本地文件夹的对话框 ,注意是文件夹而不是文件!  
          var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息
           var Shell = new ActiveXObject("Shell.Application");
           var Folder = Shell.BrowseForFolder(0, Message, 0x4000, 17); //起始目录为:我的电脑
//           var Folder = Shell.BrowseForFolder(0, Message, 64, 17); //起始目录为:我的电脑,64为只选择文件夹
           //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 ;
                 }
                 alert(Folder);
                 document.getElementById("path").value = Folder;
                 SavePath = Folder;
                 return Folder;
           }
      }
      catch (e) {
           alert(e.message);
      }

三、BrowseForFolder 的详细介绍
BrowseForFolder(Hwnd,title,Options,[RootFolder])
上网查了一下参数含义如下:
               Options,浏览方式,见下:|-P 
               0x0001  For finding a folder to start document searchingE{vDe
               0x0002  For starting the Find Computerrzksq^
               0x0004  对话框加宽 
               0x0008  确定按钮变灰失效>A3v,W
               0x0010  在对话框顶部加入编辑框~=#g[1
               0x0020  insist on valid result (or CANCEL)ge01
               0x1000  确定按钮变灰失效9<
               0x2000  可选当前文件,不包括子目录文件,确定按钮变灰失效,(可同时选0x0001使确定按钮有效)F
               0x4000  浏览所有项,可选文件或文件夹
               RootFolder,起始根目录,可选项,可以自己指定目录字符串,也可以是系统目录的数字表示,数字含义见下:G
               0x0000        桌面
               0x0001        IE浏览器hrzo
               0x0002        C:\WINDOWS\Start Menu\Programs目录m
               0x0003        控制面板j}
               0x0004        打印机Ln/(
               0x0005        我的文档0sm
               0x0006        收藏U
               0x0007        启动*oyh
               0x0008        Recent文档9OB
               0x0009        发送到5cO
               0x000a        回收站,\a
               0x000b        开始菜单ZKS
               0x000c        桌面(打开在我的电脑)        
               0x0010        C:\WINDOWS\Desktop桌面目录K+*fg
               0x0011        我的电脑(包括所有驱动器)N`T
               0x0012        整个网络Y5Swh
               0x0013        NetHood%O~64
               0x0014        字体目录(ObtHd
               0x0015        C:\WINDOWS\ShellNew目录Byo!)v
               0x001a        C:\WINDOWS\Application Data目录q
               0x001b  printHoodS]pW2
               0x0020        C:\WINDOWS\Temporary Internet Files目录
               0x0021        cookie目录
               0x0022        IE浏览历史 
分享到:
评论

相关推荐

    javascript打开选择对话框保存对话框.zip

    在浏览器中虽然打开选择对话框和保存文件对话框的功能并不常使用,但有时仍然会用得上,比如一个web版的播放器,让用户选择本地的视频或音频文件等。对于打开选择文件对话框来说,相对比较简单,只需要在页面内放一...

    JS打开图片另存为对话框实现代码

    在上述提供的代码段中,主要涉及到了如何使用JavaScript打开浏览器的另存为对话框,以实现图片下载的功能。 首先,需要注意的是,为了确保页面的正常工作,需要在`&lt;head&gt;`部分引入jQuery库,这是因为代码中使用了...

    html网页js打开文件对话框带预览框.JS实现文件上传前先本地预览功能

    "html网页js打开文件对话框带预览框.JS实现文件上传前先本地预览功能"这一主题主要关注如何利用JavaScript来实现在用户选择文件后,即刻在页面上进行预览,特别是对于图片文件的处理。以下将详细介绍这个过程及其...

    js弹出保存对话框

    JavaScript本身并不支持直接创建文件选择器或者保存对话框,但可以通过ActiveX对象(仅限IE浏览器)实现这一功能。本文将详细介绍如何利用JavaScript结合ActiveX对象实现弹出保存对话框的功能。 #### 二、关键代码...

    JS实现弹出下载对话框及常见文件类型的下载

    - 注意事项中提到,***模式下该方法可能不生效,意味着在本地文件系统环境下该技术可能不适用。 6. 其他注意事项: - 某些情况下,链接指向第三方链接时,使用该方法可能不会生效。这可能与浏览器的安全限制有关...

    js调用对话框保存文件

    在Web开发过程中,有时我们需要让用户能够方便地保存网页中的某些内容到本地文件。例如,在一个在线编辑器应用中,用户可能希望将自己编辑的文字保存为文本文件。这种需求可以通过JavaScript来实现,即通过JS代码...

    js读取本地文件

    在给定的示例代码中,通过使用一个隐藏的`&lt;object&gt;`标签并结合JavaScript函数,实现了选择、读取以及保存本地文件的功能。下面将逐一分析这些关键部分: ##### 2.1 使用`&lt;object&gt;`标签创建ActiveX控件 ```html ...

    javaScrip里面怎么调用保存和另存为对话框

    在探讨如何在JavaScript中触发保存或另存为对话框的问题时,我们首先需要理解,由于浏览器的安全限制,直接从客户端脚本(如JavaScript)中触发一个保存或另存为的对话框是受到严格限制的。然而,有几种方法可以绕过...

    vs2008源码 对话框显示本地网页mht文件

    本主题聚焦于如何在VS2008的源码中实现一个对话框,该对话框能有效地显示本地的MHT文件,这种文件格式通常用于存储单一文件的网页内容,包括文字、图片以及其他多媒体元素。MHT全称为MHTML(MIME HTML),是Web页面...

    javascript实现将文件保存到本地方法汇总

    标题中提到的是JavaScript实现将文件保存到本地的方法汇总,具体的知识点涵盖了以下三个方面: 1. 使用JavaScript保存文件到本地的基本方法和原理。在Web开发中,通常我们没有直接的方法去保存文件到用户的设备上,...

    直接使用js打开电脑文件

    在JavaScript(JS)中,直接打开用户电脑上的文件是一种常见的需求,例如在上传文件功能中。然而,出于安全考虑,浏览器的同源策略和沙盒环境限制了JS直接访问用户的文件系统。通常,我们不能像操作本地应用那样自由...

    js弹出窗口 + 获取上传文件全路径

    在HTML5中,`&lt;input type="file"&gt;`元素允许用户选择本地文件进行上传。然而,出于安全考虑,JavaScript默认无法访问文件的完整路径,只能访问文件名。这是因为浏览器限制了对用户文件系统的直接访问,防止恶意代码...

    jquery jscrollpane.js滚动窗口微信聊天对话框

    通常,我们会通过CDN链接或者将文件下载到本地并引用。确保在jQuery之后加载jscrollpane.js,因为该插件依赖于jQuery。 接下来,我们需要选择或创建一个HTML元素作为聊天对话框的容器,并为其设置合适的样式。这个...

    基于QT QML的文件打开功能

    当用户点击“打开文件”按钮时,`fileDialog.open()`将显示文件对话框。如果用户选择了文件并点击“打开”,`onAccepted`信号会被触发,然后在控制台打印出选定文件的URL。 `FileDialog`还有许多可配置的属性,如`...

    flavr——一款超级漂亮的jQuery对话框

    通常,可以通过CDN链接或者本地文件引入。 2. **对话框功能** - **普通对话框**:`flavr`的普通对话框可以用来显示任何HTML内容,如文本、图片、表单等,提供了一种优雅的方式来展示额外信息。 - **确认对话框**...

    如何在界面上打开文件夹并获取路径

    用户可能需要浏览他们的本地文件系统,选择一个文件夹,然后让应用程序使用该文件夹的路径执行某些操作。本篇将深入探讨如何在界面上实现这个功能,特别关注在Web应用中如何打开文件夹并获取其路径。 首先,我们...

    flashair本地文件上传

    3. **文件选择**:使用FileReference的browse()方法打开文件选择对话框,让用户选择要上传的文件。 4. **开始上传**:当用户选择文件后,调用FileReference的upload()方法,传入一个URLRequest对象,该对象的URL...

    javascript显示选择目录对话框的代码

    标题中的"javascript显示选择目录对话框的代码"就是关于在IE中利用ActiveX对象`Shell.Application`来打开一个选择目录的对话框。 描述中提供的代码段就是一个示例,用于展示如何在IE浏览器中创建一个选择目录的...

    类Facebook风格的对话框fbmodal

    fbmodal是一款专门设计为模仿Facebook对话框样式的JavaScript插件,它能够帮助开发者快速创建具有Facebook风格的弹出窗口,提升网站或应用的用户体验。 一、fbmodal的设计理念 fbmodal的核心设计理念是简洁、直观...

Global site tag (gtag.js) - Google Analytics