function getFilePath(filePath) {
if (navigator.userAgent.indexOf("MSIE")!=-1){
readFileIE(filePath);
}else if (navigator.userAgent.indexOf("Firefox")!=-1 || navigator.userAgent.indexOf("Mozilla")!=-1){
readFileFirefox(filePath);
}else{
alert("Not IE or Firefox (userAgent=" + navigator.userAgent + ")");
}
}
function readFileIE(filePath) {
alert(document.getElementById("filePath").value)
}
function readFileFirefox(filePath) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert('路径错误!');
return;
}
/*console.log('value: ' + document.getElementById('filePath').value);
console.log('files.length: ' + document.getElementById('filePath').files.length);
console.log('fileName: ' + document.getElementById('filePath').files.item(0).fileName);
console.log('fileSize: ' + document.getElementById('filePath').files.item(0).fileSize);
console.log('dataurl: ' + document.getElementById('filePath').files.item(0).getAsDataURL());
console.log('data: ' + document.getElementById('filePath').files.item(0).getAsBinary());
console.log('datatext: ' + document.getElementById('filePath').files.item(0).getAsText("utf-8")); */
alert(filePath.value);
}
分享到:
相关推荐
"js获取input file 图片立即显示"这个话题就是关于如何利用JavaScript来实现在用户选择图片后即时预览的功能。以下是一个详尽的步骤解释和相关知识点: 1. **HTML 结构**: 首先,我们需要在HTML页面中创建一个`...
在JavaScript(JS)中,实现一个输入元素`<input type="file">`的多文件上传功能是一项常见的需求,尤其在Web开发中。这个"js input file多个文件上传功能.zip"包含了一个实现这一功能的代码示例,适用于图片和其他...
当用户选择文件后,我们可以通过JavaScript获取选中的文件对象。我们可以为这个输入元素添加一个事件监听器,如`change`事件: ```javascript const fileInput = document.getElementById('fileInput'); fileInput...
总的来说,虽然JavaScript无法直接遍历本地文件夹,但通过File System Access API或`<input type="file">`元素,我们可以与用户交互来获取和处理本地文件。这为Web应用程序提供了有限但实用的文件系统访问能力,同时...
【前端项目-jsfile.zip】是一个包含JavaScript库的压缩包,主要设计用于在浏览器环境中处理文件。这个库,命名为"jsFile",旨在提供一套全面的工具集,帮助开发者更高效、更灵活地操作用户上传的文件。在前端开发中...
例如,可以创建一个`<input type="file">`元素让用户选择文件,接着监听文件选择事件,获取文件并计算MD5值。以下是一个简单的示例: ```html <!DOCTYPE html> <title>Browser MD5 File 示例 ...
总体来说,文章介绍了通过JavaScript获取文件路径的方法,并详细说明了在不同浏览器之间进行兼容性处理的必要性。此外,还涉及到了浏览器安全策略对代码实现的影响,以及如何在必要时通过用户手动配置来绕过这些安全...
本文将详细介绍如何在不同浏览器环境中通过JavaScript获取浏览器临时目录的方法。 #### 二、背景知识 1. **浏览器安全模型**:现代浏览器为了保护用户隐私和数据安全,采用了严格的沙箱机制和同源策略,限制了网页...
在JavaScript中,处理HTML表单中的`<input type="file">`元素时,尤其是在不同的浏览器环境中,获取文件的完整路径可能会遇到兼容性问题。本文将深入探讨如何在IE6、IE7以及Firefox等浏览器中获取文件输入控件的全...
JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在客户端脚本中扮演着重要角色。本文主要探讨了三种不同的JS方法来获取文件大小,这些方法主要适用于浏览器环境,尤其是Internet Explorer。 ...
本文将详细解释如何使用 JavaScript 获取 `input[type=file]` 元素的值,并将其显示在页面上。 首先,HTML 中的 `input[type=file]` 元素允许用户从本地文件系统选择文件。基本的 HTML 结构可能如下所示: ```html...
根据给定文件中的标题、描述、标签以及部分内容,我们可以总结出以下有关JavaScript获取图像信息的知识点: ### 一、概述 在Web开发中,经常需要处理用户上传的图像文件,例如验证图像格式是否合法、获取图像尺寸...
在用户通过`<input type="file">`选择文件后,我们可以获取到File对象,它包含了文件的信息,如文件名、大小等。 对于“判断文件是否为空”,我们主要关注文件的大小。一个空文件的大小通常为0字节。因此,我们可以...
总结来说,“js获取图片修改时间”这个话题涉及到HTML5的File API和JavaScript事件处理,以及如何在用户交互下安全地获取和显示文件的元数据。这个功能在某些场景下非常有用,例如文件管理、上传验证或者基于时间的...
filesize.js提供了一种从数字(浮点数或整数)或字符串中获取人类可读文件大小的字符串的简单方法。 可选设定 filesize()接受一个可选的描述符对象作为第二个参数,因此您可以自定义输出。 根据 (数字)数字基数,...
在IT领域,尤其是在Web开发中,获取用户硬盘上的驱动器、文件夹和文件是一项常见的需求。...如今,开发者应遵循更安全、更标准的Web实践,如使用`File API`和`Fetch API`,或者在桌面应用环境中利用Node.js的`fs`模块。
- 对于图像文件,可以使用JavaScript获取文件的URL并将其显示在页面上,以便用户在上传前预览。 6. **事件监听**: - 可以监听`change`事件来获取用户选择的文件信息,然后进行进一步处理,如检查文件大小、格式...
在JavaScript中获取上传文件的大小是一项常见的需求,尤其是在ASP.NET框架下构建Web应用程序时。这个功能可以帮助用户在上传文件之前预知文件的大小,避免过大文件导致服务器压力或网络延迟。下面将详细介绍如何使用...
**前端开源库-file-downloader** 是一款专为前端开发者设计的轻量级文件下载工具,它基于现代浏览器支持的fetch API实现,旨在提供一个简洁、高效且易于集成的解决方案,帮助用户在网页上实现文件的下载功能。...