在ie6中对于<input type="file" />通过obj.value是可以获取客户端选择文件的全路径的，但是到ie7就只能获取文件名，这对于onchange事件立即显示图片会有问题，可以用js方法解决
具体代码如下：
<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
</html>
分享到：
相关推荐
本文将深入探讨"js弹出窗口 + 获取上传文件全路径"这一主题，这两个知识点是JavaScript在交互式用户界面设计中的关键部分。 首先，让我们来讨论"js弹出窗口"。在网页开发中，弹出窗口通常用于显示警告信息、确认...
标题中的“【转】js实现弹出选择路径框”指的是使用JavaScript编程语言来创建一个功能，让用户能够通过图形用户界面（GUI）选择本地文件系统的特定路径。在网页应用中，通常浏览器的安全策略不允许直接访问用户的...
在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/>...如上面的代码，用文件上传对话框选择文件后，如果选择”D:\\temp\file\test.txt”文
在探讨如何在IE7与IE8浏览器中获取上传文件的绝对路径之前，我们先来了解一下为何这成为了一个问题。Internet Explorer 7 和 IE8 是早期的网页浏览器版本，它们在处理DOM（文档对象模型）和JavaScript的方式上存在...
在本篇中，我们将深入探讨如何使用JS实现弹出窗口以及获取上传文件的全路径。 首先，我们来讨论如何使用JS创建一个弹出窗口。通常，我们会结合HTML和CSS来实现。在HTML中，我们可以创建一个隐藏的`<form>`元素，...
在IE中，通过JavaScript可以获取用户选择的文件信息，但出于安全考虑，浏览器不会提供文件的完整路径，只能获取文件名。例如，通过`event.target.files[0].name`可以获取选中文件的名称。如果需要将文件上传至服务器...
关于文件路径，Spring Boot允许我们在配置文件中定义一个目录作为上传文件的存储位置，例如： ```properties spring.servlet.multipart.location=/path/to/your/upload/folder ``` 这里要确保该路径在服务器上是可写...
在Web开发中，尤其是在使用JavaScript处理文件上传时，有时我们需要获取用户选择的文件路径。然而，出于安全考虑，现代浏览器（如Chrome、Firefox）不再允许JavaScript访问完整的文件路径，仅提供文件名。但在较旧的...
在Node.js环境中，将本地文件上传到服务器是一个常见的任务，主要应用于文件共享、数据备份、内容发布等场景。本文将详细讲解如何使用Node.js实现这一功能。 首先，我们需要理解Node.js的基本概念。Node.js是一个...
这里需要注意的是，在现代浏览器中，直接使用`Image`对象的方式来获取文件的大小并不推荐，因为这可能会导致跨域问题。因此，这段代码更多的是作为一个示例，用于展示如何访问文件的一些基本属性。 #### 更实用的...
在Java Web开发中，文件上传是一项常见的功能，用户可能需要上传图片、文档等各类文件。在上传大文件时，为了提供更好的用户体验，实时显示上传进度是必不可少的。本篇文章将详细探讨如何在Java环境中实现文件上传并...
### js判断上传文件的大小（兼容火狐、谷歌、IE、360浏览器） 在Web开发中，经常需要处理用户上传文件的操作。为了确保服务器安全并优化用户体验，开发者需要对上传文件进行一定的预处理，例如限制文件大小。本文将...
在`browseFolder.js`文件中定义一个名为`browseFolder`的函数，该函数用于打开文件夹选择对话框，并返回所选文件夹的路径。 ```javascript function browseFolder(path) { try { var message = "请选择文件夹...
这里使用了Django的`static`模板标签来处理静态文件路径，确保在生产环境中也能正确引用。 然后，我们需要配置TinyMCE以适应Django的环境。这可以通过JavaScript代码实现，通常在页面底部或者在`<script>`标签中...
在移动应用开发中，文件上传是一项常见的功能，尤其在社交、云存储以及各种服务类应用中，用户常常需要上传图片、文档等数据。uniAPP，作为一个跨端开发框架，为开发者提供了便捷的方式来实现移动端的文件上传功能。...
在本项目中，我们将探讨如何使用JavaScript（JS）与Koa2框架来构建一个支持文件上传、下载和预览功能的简易应用。这个项目特别适合初学者，因为它的实现过程清晰明了，易于理解。 首先，Koa2是Node.js平台上的一个...
根据给定文件中的标题、描述、标签以及部分内容，我们可以总结出以下有关JavaScript获取图像信息的知识点： ### 一、概述 在Web开发中，经常需要处理用户上传的图像文件，例如验证图像格式是否合法、获取图像尺寸...
本文详细介绍了在使用EasyUI框架中的`filebox`控件进行文件上传时遇到的一些常见问题及其解决办法。特别是针对如何实现文件的异步上传、处理上传文件的逻辑以及如何在保存记录时清除未使用的文件等方面进行了深入的...
在.NET环境中，大文件上传是常见的需求，尤其是在Web应用程序中。C#作为.NET框架的主要编程语言，提供了多种处理大文件上传的方式。以下是对标题“大文件上传c#，.NET环境中应用”和描述的详细解释。 1. **分块上传...
主要的问题可能包括找不到CSS、JavaScript文件或图片等资源，这通常是由于URL构造不正确或者文件存放位置不符合CodeIgniter的默认配置导致的。 首先，FCKeditor的文件通常包括几个部分：编辑器的JavaScript核心文件...