js实现选择文件路径(限IE)
js读取本地文件内容
js读取本地⽂件内容<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <input type="file" id="files" style="display: none" onchange="fileImport();"> <input type="button" id="fileImport" value="导⼊"> <div id="resultDiv"></div> </div> <script src="./jquery-1.12.2.js"></script> <script> //点击导⼊按钮,使files触发点击事件,然后完成读取⽂件的操作 $("#fileImport").click(function () { $("#files").click(); }) function fileImport() { //获取读取我⽂件的File对象 var selectedFile = document.getElementById('files').files[0]; var name = ;//读取选中⽂件的⽂件名 var size = selectedFile.size;//读取选中⽂件的⼤⼩ console.log("⽂件名:"+name+"⼤⼩:"+size); var reader = new FileReader();//这是核⼼,读取操作就是由它完成. reader.readAsText(selectedFile);//读取⽂件的内容,也可以读取⽂件的URL reader.onload = function () { //当读取完成后回调这个函数,然后此时⽂件的内容存储到了result中,直接操作即可 console.log(this.result); $('#resultDiv').html(this.result); } } </script> </body></html>。
js下载文件的实现方法一
js下载文件的实现方法一f8bjs下载文件的实现方法及注意js中实现文件下载（一）最简单的方式是在页上做超级链接如：<a href="music/abc.m3">下载</a>。
但是这样服务器上的目录资源会直接暴露给最终用户会给站带来一些不安全的因素。
因此可以采用其它方式实现下载可以采用：1、RequestDisatcher的方式进行；2、采用文件流输出的方式下载。
（推荐）1、采用RequestDisatcher的方式进行Js代码<%resonse.setContentTye("alication/x-download");//设置为下载alication/x-downloadString filedownload = "/要下载的文件名";//即将下载的文件的相对径String filedislay = "最终要显示给用户的保存文件名";//下载文件时显示的文件保存名称String filenamedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);try{RequestDisatcher dis = alication.getRequestDisatcher(filedownload);if(dis!= null){dis.forward(request,resonse);}resonse.flushBuffer();}catch(Excetion e){e.rintStackTrace();}finally{}%><%resonse.setContentTye("alication/x-download");//设置为下载alication/x-downloadString filedownload = "/要下载的文件名";//即将下载的文件的相对径String filedislay = "最终要显示给用户的保存文件名";//下载文件时显示的文件保存名称String filenamedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);try{RequestDisatcher dis = alication.getRequestDisatcher(filedownload);if(dis!= null){dis.forward(request,resonse);}resonse.flushBuffer();}catch(Excetion e){e.rintStackTrace();}finally{}%>2、采用文件流输出的方式下载Js代码<%age language="java" contentTye="alication/x-msdownload"ageEncoding="gb2312"%><%//关于文件下载时采用文件流输出的方式处理：//加上resonse.reset()并且所有的％>后面不要换行包括最后一个；resonse.reset();//可以加也可以不加resonse.setContentTye("alication/x-download");//alication.getRealath("/main/mvlayer/CaSetu.msi");获取的物理径String filedownload = "想办法找到要提下载的文件的物理径＋文件名";String filedislay = "给用户提的下载文件名";String filedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);java.io.OututStream out =null;java.io.FileInutStream in = null;try{out = resonse.getOututStream();in = new FileInutStream(filenamedownload);byte[] b = new byte[1024];int i = 0;while((i = in.read(b)) > 0)out.write(b, 0, i);}//out.flush();//要加以下两句话否则会报错//ng.IllegalStateExcetion: getOututStream() has already been called for //this resonseout.clear();out = hBody();}catch(Excetion e){System.out.rintln("Error!");e.rintStackTrace();}finally{if(in != null){in.close();in = null;//这里不能关闭//if(out != null)//{//out.close();//out = null;//}}%><%age language="java" contentTye="alication/x-msdownload"ageEncoding="gb2312"%><%//关于文件下载时采用文件流输出的方式处理：//加上resonse.reset()并且所有的％>后面不要换行包括最后一个；resonse.reset();//可以加也可以不加resonse.setContentTye("alication/x-download");//alication.getRealath("/main/mvlayer/CaSetu.msi");获取的物理径String filedownload = "想办法找到要提下载的文件的物理径＋文件名";String fifc1ledislay = "给用户提的下载文件名";String filedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);java.io.OututStream out = null;java.io.FileInutStream in = null;try{out = resonse.getOututStream();in = new FileInutStream(filenamedownload);byte[] b = new byte[1024];int i = 0;while((i = in.read(b)) > 0){out.write(b, 0, i);}//out.flush();//要加以下两句话否则会报错//ng.IllegalStateExcetion: getOututStream() has already been called for //this resonseout.clear();out = hBody();}catch(Excetion e){System.out.rintln("Error!");e.rintStackTrace();}finally{if(in != null){in.close();in = null;}//这里不能关闭//if(out != null)//{//out.close();//out = null;//}}%>对于第二种方法我认为应该是比较常用的。
js file路径正则表达式
js file路径正则表达式JS文件路径正则表达式是用来匹配JS文件路径的一种规则。
在开发中，我们经常需要根据不同的需求来获取JS文件的路径，而正则表达式可以帮助我们快速准确地实现这个目标。
让我们来了解一下JS文件路径的一般格式。
在Web开发中，JS文件通常位于项目的某个目录下，可以是相对路径或绝对路径。
相对路径是相对于当前HTML文件或JS文件的路径，而绝对路径是从根目录开始的完整路径。
在正则表达式中，我们可以使用特定的符号和模式来匹配JS文件路径。
下面是一些常见的正则表达式符号和模式：1. 首先，我们可以使用斜杠（/）来表示目录分隔符。
例如，/js/表示项目的js目录。
2. 接下来，我们可以使用点（.）来匹配当前目录。
例如，./js/表示当前目录下的js目录。
3. 然后，我们可以使用两个点（..）来匹配上级目录。
例如，../js/表示上级目录下的js目录。
4. 此外，我们还可以使用星号（*）来匹配任意字符。
例如，/js/*.js表示js目录下的任意.js文件。
5. 最后，我们可以使用问号（?）来表示可选项。
例如，/js/main.js?version=1.0表示js目录下的main.js文件，并且可以带有version参数。
根据上述规则，我们可以构建出一些常见的JS文件路径正则表达式。
例如：1. 匹配相对路径下的JS文件：./js/.*\.js2. 匹配绝对路径下的JS文件：/.*\.js3. 匹配上级目录下的JS文件：../js/.*\.js4. 匹配带有参数的JS文件：/.*\.js\?.*当然，以上只是一些简单的例子，实际应用中可能还会有更复杂的情况。
在使用正则表达式时，我们需要根据具体的项目需求来进行调整和扩展。
需要注意的是，在正则表达式中，点（.）和星号（*）是特殊字符，需要使用反斜杠（\）进行转义。
另外，正则表达式还有一些其他的特殊符号和模式，可以根据实际情况进行学习和使用。
总结起来，JS文件路径正则表达式是一种用来匹配JS文件路径的规则。
JS读取创建本地文件及目录文件夹的方法
注：以下操作只在IE下有效！Javascript是网页制作中离不开的脚本语言，依靠它，一个网页的内容才生动活泼、富有朝气。
但也许你还没有发现并应用它的一些更高级的功能吧？比如，对文件和文件夹进行读、写和删除，就象在VB、VC 等高级语言中经常做的工作一样。
怎么样，你是否需要了解这方面的知识？那就请跟我来，本文将详细描述如何使用Javascript语言进行文件操作。
一、功能实现核心：FileSystemObject 对象其实，要在Javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。
在详细介绍FileSystemobject对象的各个属性和方法的使用细节前，先来看看这个对象包括哪些相关对象和集合：二、FileSystemObject编程三部曲使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤：创建FileSystemObject对象、应用相关方法、访问对象相关属性。
(一)创建FileSystemObject对象创建FileSystemObject对象的代码只要1行：1var fso = new ActiveXObject("Scripting.FileSystemObject");上述代码执行后，fso就成为一个FileSystemObject对象实例。
(二)应用相关方法创建对象实例后，就可以使用对象的相关方法了。
比如，使用CreateTextFile方法创建一个文本文件：1var fso = new ActiveXObject("Scripting.FileSystemObject");2var f1 = fso.createtextfile("E:\\myjstest.txt",true");(三)访问对象相关属性要访问对象的相关属性，首先要建立指向对象的句柄，这就要通过get系列方法实现：GetDrive负责获取驱动器信息，GetFolder负责获取文件夹信息，GetFile负责获取文件信息。
JS 路径
1 pathname 属性可设置或返回某个区域中 link-URL 的路径名。
语法areaObject.pathname=pathnamee实例下面的例子可返回 "Venus" 区域中 link-URL 的路径名：<html><body><img src="planets.gif"width="145" height="126"usemap="#planetmap" /><map name="planetmap"><area id="venus" shape="circle"coords="124,58,8"alt="Venus"href="venus.htm" /></map><p>Venus' pathname:<script type="text/javascript">x=document.getElementById('venus');document.write(x.pathname);</script></p></body></html>2 pathname 属性是一个可读可写的字符串，可设置或返回当前 URL 的路径部分。
语法location.pathname=path实例假设当前的 URL 是: :1234/test/test.htm#part2：<html><body><script type="text/javascript">document.write(location.pathname);</script></body></html>输出：/test/test.htm3 pixelDepth 属性返回显示屏幕的颜色分辨率（比特每像素）。
js取路径的方法
js取路径的方法在JavaScript中，您可以使用以下方法来获取路径：1. 使用window.location对象您可以使用window.location对象来获取当前文档的路径信息。
例如，要获取完整的URL路径，可以使用`window.location.href`。
如果只想获取路径部分而不包括协议和域名，可以使用`window.location.pathname`。
示例：javascriptconsole.log(window.location.href); // 输出完整的URL路径console.log(window.location.pathname); // 输出路径部分2. 使用document对象您还可以使用document对象来获取当前文档的路径信息。
通过document对象的属性可以获得URL的各个部分。
示例：javascriptconsole.log(document.URL); // 输出完整的URL路径console.log(document.location.href); // 输出完整的URL路径（与document.URL相同）console.log(document.location.pathname); // 输出路径部分3. 使用location对象JavaScript还提供了一个location对象，它包含了有关当前页面的URL信息。
通过location对象，您可以获取路径、搜索参数、哈希等信息。
示例：javascriptconsole.log(location.href); // 输出完整的URL路径console.log(location.pathname); // 输出路径部分这些是在JavaScript中获取路径信息的常用方法。
根据您的具体需求，选择适合的方法来获取路径。
js选择本地文件夹路径
js选择本地⽂件夹路径问题：视频抓图、录像等功能，需要配置本地保存时的⽂件夹路径，仅IE⽤效果如图：废话不多看代码：<el-form-item label="视频抓图保存路径" prop="snapPath"><el-input v-model="form.snapPath"><i slot="suffix"class="el-input__icon el-icon-folder"style="cursor: pointer;"@click="handleGetPath('snapPath')"></i></el-input></el-form-item>handleGetPath (path) {/** 该⽅法只⽀持IE.* 语法：strDir=Shell.BrowseForFolder(Hwnd,Title,Options,[RootFolder])* 参数：Hwnd：包含对话框的窗体句柄（handle），⼀般设置为0* Title：将在对话框中显⽰的说明，为字符串* Options：使⽤对话框的特殊⽅式，为长整数，⼀般设置为0* RootFolder：（可选的），⽤来设置浏览的最顶层⽂件夹，缺省时为“桌⾯”，可以将其设置为⼀个路径或“特殊⽂件夹常数” * */try {let filePath;let objSrc = new ActiveXObject("Shell.Application").BrowseForFolder(0, '请选择保存路径', 0, '');if (objSrc != null) {filePath = objSrc.Items().Item().Path;if (filePath.charAt(0) == ':') {alert('请选择⽂件夹.');return false;}this.form[path] = filePath;}} catch (e) {alert(e + '请设置IE，Internet选项－安全－⾃定义级别－将ActiveX控件和插件前3个选项设置为启⽤，然后再尝试。
js获取文件的绝对路径
但是在火狐下还是没办法获取文件路径，看到网上有人说用getAsDataURL()方法可以获取路径。我测试了一下，用这个方法确实是可以获得路径，但是些路径是被加密过的。于是继续寻找其他方法。。。
火狐下获取上传文件路径的方法，需要先修改设置。在地址栏输入about:config，然后修改signed.applets.codebase_principal_support的键值，将值修改为true。然后再Biblioteka 用如下代码，就可以获得文件路径。
js获取fileupload绝对路径
作者：James-ping 来源：博客园 发布时间：2011-04-27 19:18 阅读：1533 次 原文链接 [收藏]
今天做一个关于数据库中数据和EXCEL表对比的DEMO，一开始做的是将EXCEL表上传到服务器之后再对比，可是一旦文件多起来对服务器也是一种考验，于是就只在本地对比，然而在本地对比的时候要获取本地路径，一开始以为 fileupload1.postfile.filename可以获取本地路径，可是这个获取的还是文件名称，fileupload中没有获取当前值得属性，于是就想着用javascript去获取，用document.getElementById("fileupload1").value 用debugger调试的时候获取的居然是一个不存在的地址，郁闷了半天就是搞不清楚是什么问题，于是去网上找了一下，才发现，这种方式只在IE6下面有用，因为高版本的浏览器设定为了安全起见，已经不会显示文件路径，于是用下面方法就可以了，
1 //判断浏览器类型
2 var isIE = (document.all) ? true : false;
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'test03.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
0 --桌面
"c:\\"--系统C盘
用如下代码把该函数应用到一个HTML文件中：
<script src="browseFolder.js"></script>
或把下面代码直接COPY到<script language="javascript">...</script>标签中；
用一般的触发函数均可在HTML文件中使用该函数
}
} catch (e) {
alert(e.message);
}
}
</script>
</head>
<body>
<table>
<tr>
<td>选择导入数据源：</td>
<td><input id="path" type="text" name="path" size="30">
</td>
<td><input type=button value="选择" onclick="browseFolder('path')">
-->
<!--
browseFolder()函数，它将提供一个文件夹选择对话框
以供用户实现对系统文件夹选择的功能
文件夹选择对话框起始目录由
Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函数的strPath参数设置
例如：0x11--我的电脑
例如：<input type="button" onclick="BrowseFolder()" />
注意：请定义NAME为savePath的输入框接收或显示返回的值，例如：
<input type="text" name="savePath" />
特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,
否者会出现"没有权限"的问题.
1、设置可信任站点（例如本地的可以为：http://localhost）
2、其次：可信任站点安全级别自定义设置中：设置下面的选项
"对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"
-->
<script type="text/javascript">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
function browseFolder(path) {
try {
var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息
var Shell = new ActiveXObject("Shell.Application");
var Folder = Shell.BrowseForFolder(0, Message, 64, 17); //起始目录为：我的电脑
//var Folder = Shell.BrowseForFolder(0, Message, 0); //起始目录为：桌面
if (Folder != null) {
Folder = Folder.items(); //返回FolderItems对象
Folder = Folder.item(); //返回Folderitem对象
</div>
</body>
</td>
</tr>
</table>
<div style="display: none;color:red;">
注：如果点击选择按钮提示：你没有权限，应该如下修改：<br /> 1.
单击菜单工具->Internet选项->安全->受信任站点->站点->把此网站设为可信站点<br /> 2.
在自定义级别->对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用".
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
Folder = Folder.Path; //返回路径
if (Folder.charAt(Folder.length - 1) != "\\") {
Folder = Folder + "\\";
}
document.getElementById(path).value = Folde