js 获取文件本地路径

1.代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>获取文件本地路径</title>
	<script src="jquery-1.8.2.js"></script>
</head>
<body>
	<table>
	  	<tr>
	    	<td>选择导入数据源:</td>
	    	<td><input id="savePath" type="text" name="path" size="30"></td>
	    	<td><input type=button value="选择" οnclick="browseFolder()"></td>
	  	</tr>
	</table>

	<script>
		function browseFolder() {
		    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 对象
		            Folder = Folder.Path; // 返回路径
		            if (Folder.charAt(Folder.length - 1) != "\\") {
		                Folder = Folder + "\\";
		            }
		            document.getElementById("savePath").value = Folder;
		            return Folder;
		        }
		    }
		    catch (e) {
		        alert(e.message);
		    }
		}
	</script>
</body>
</html>

2.效果图

注:目前只支持IE

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript本身无法直接读取电脑上的文件,因为它运行在浏览器中,而浏览器出于安全考虑,限制了对本地文件系统的访问。但是,可以使用HTML5中的File API来实现读取本地文件的功能。具体步骤如下: 1. 创建一个`<input type="file">`元素,用于选择要读取的文件; 2. 监听该元素的`change`事件,在事件处理程序中获取选中的文件; 3. 使用`FileReader`对象读取文件内容,可以使用`readAsText()`方法将文件内容读取为文本,或使用`readAsDataURL()`方法将文件读取为Data URL格式; 4. 在`onload`事件中处理读取到的文件内容。 以下是一个示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>读取本地文件</title> </head> <body> <input type="file" id="file-input"> <pre id="file-content"></pre> <script> const fileInput = document.getElementById('file-input'); const fileContent = document.getElementById('file-content'); fileInput.addEventListener('change', function() { const file = fileInput.files[0]; const reader = new FileReader(); reader.readAsText(file); reader.onload = function() { fileContent.textContent = reader.result; } }); </script> </body> </html> ``` 在上面的代码中,当用户选择了要读取的文件后,`change`事件被触发,事件处理程序中获取到选中的文件,并使用`FileReader`对象读取文件内容。读取完成后,`onload`事件被触发,事件处理程序将读取到的文件内容显示在页面中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值