js获取上传图片全路径，支持ie，firefox - - ITeye博客

`

329087553

浏览: 51586 次
性别:
来自: 北京

最近访客更多访客>>

kobi_221

leijian0809

tao199308

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (27)

社区版块

存档分类

最新评论

安静的转着：这是上传吗！明明是本机的文件复制！
JSP中实现图片的无组件上传
329087553： java_xiaowu 写道非常感谢呵呵，客气了！
myeclipse集成SVN
java_xiaowu：非常感谢
myeclipse集成SVN
对酒当歌，人生几何：你是只在本机测试了吧？有没有到别的机器测试下看看？
JSP中实现图片的无组件上传

js获取上传图片全路径，支持ie，firefox

阅读更多

在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>

分享到：

JAVA如何把一个float四舍五入到小数点后2 ... | JSP中实现图片的无组件上传

2009-04-09 18:24
浏览 3013
评论(0)
论坛回复 / 浏览 (0 / 11562)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

解决ajaxfileupload.js在IE9，firefox下文件超大无效: 本文将详细介绍如何解决在IE9和Firefox下使用`AjaxFileUpload.js`进行文件上传时遇到的大文件上传失效的问题。 #### 问题描述当尝试通过`AjaxFileUpload.js`上传较大文件至服务器时，在IE9和Firefox浏览器中可能...

Firefox火狐浏览器官方52.0.1-win32版本exe安装包: 1. 下载：首先，你需要从Mozilla官网或者可靠的下载源获取“Firefox Setup 52.0.1.exe”安装文件。这是一个可执行文件，双击即可启动安装程序。 2. 运行安装程序：点击安装文件，会出现安装向导，引导用户完成安装...

Firefox中支持ActiveX控件运行的研究与实现.pdf: 用户可以在Firefox中使用这个扩展来管理已支持的ActiveX控件，包括查看控件的CLSID、ProgID、版本号和安装路径，并指定要支持或禁用的控件。该扩展的用户界面采用XUL开发，底层功能则由JavaScript和XPCOM组件实现。 ...

JavaScript画线,画图兼容FireFox,IE等浏览器: 本主题主要探讨如何使用JavaScript实现跨浏览器的画线和画图功能，特别是兼容Firefox和IE等主流浏览器。首先，JavaScript本身并不直接支持 canvas 元素的低级图形操作。canvas 是HTML5引入的一个元素，提供了在...

firebug for IE6+, Firefox, Opera, Safari and Chrome: 标题提到的"firebug for IE6+, Firefox, Opera, Safari and Chrome"，意味着这是一个跨浏览器的解决方案，旨在为开发者提供在不同浏览器上调试和优化网页的能力。 Firebug Lite是Firebug的轻量级版本，适用于不支持...

如何使用JS获取IE上传文件路径(IE7,8): 本文将详细介绍如何在IE7和IE8中使用JavaScript获取上传文件的路径。首先，我们来看一个名为`validateFileSize`的函数，这个函数用于验证用户选择的文件是否符合指定的最大大小，并尝试获取文件路径。函数接受两个...

JS获取input file绝对路径的方法(推荐): 如果需要在Firefox中获取文件的完整路径，需要用户手动在浏览器地址栏输入`about:config`，然后进行一系列操作，包括创建新的首选项和启用代码库主体支持等。这些步骤使浏览器允许通过脚本访问本地文件路径。 4. **...

javascript获取浏览器临时目录: - 上述方法主要适用于旧版IE浏览器，现代浏览器（如Chrome、Firefox等）出于安全考虑，通常不允许此类操作。 - 使用ActiveX Objects和注册表读取可能会导致安全隐患，因此在生产环境中应谨慎使用。 - 对于现代Web...

关于火狐3和ie无法浏览文件全路径问题: 虽然给定的部分内容代码未能完整展示，但从已有的代码片段中可以看出，作者试图通过检测浏览器类型（IE或Firefox），并根据不同类型的浏览器采用不同的方法来获取本地文件的路径。这种方法的核心在于使用浏览器特有...

IE8上传文件时javascript取文件的真实路径的问题（\"C:\\fakepath\\xxxxx ): 标题 "IE8上传文件时javascript取文件的真实路径的问题（\"C:\\fakepath\\xxxxx )" 描述了一个在使用Internet Explorer 8 (IE8) 浏览器进行文件上传时遇到的技术挑战。在这个问题中，JavaScript无法获取到文件的实际...

javascript 获取表单file全路径: 本文将深入探讨如何在IE6、IE7以及Firefox等浏览器中获取文件输入控件的全路径，并提供一个具体的解决方案。在早期的Internet Explorer（如IE6）中，用户可以通过`<input type="file">`选择文件后，直接通过该元素...

IE浏览器快速打开当前Firefox中的网页链接.docx: 这段代码的作用是获取IE浏览器的路径，检查其是否存在，然后创建一个新的进程实例来运行IE，并将当前Firefox页面的URL作为参数传入。最后一步是设置一个与这个功能关联的鼠标手势。用户可以按住鼠标右键，在“动作...

js获取上传文件的绝对路径实现方法: 不过，需要指出的是，即使在IE浏览器中开启了此功能，其他浏览器如Chrome、Firefox等仍然遵循标准不提供真实路径信息。在实现文件上传功能时，通常使用的是文件输入元素的change事件来处理文件信息。当用户选择完...

Firefox火狐浏览器官方1.0-win32版本exe安装包: 《Firefox火狐浏览器1.0-win32版本安装包详解》 Firefox，即火狐浏览器，是由Mozilla基金会开发的一款开源网络浏览器，以其高效、安全、可定制性等优点深受全球用户的喜爱。本文将深入探讨“Firefox火狐浏览器官方...

Firefox火狐浏览器官方3.0.14-win32版本exe安装包: - **扩展插件系统**：Firefox 3.0.14支持丰富的第三方扩展，如AdBlock Plus（广告拦截）、NoScript（JavaScript控制）等，通过扩展可以极大地扩展浏览器功能。 - **性能优化**：相比之前的版本，3.0.14在内存占用...

jsp 文件上传浏览，支持ie6，ie7，ie8.docx: // 新的预览代码，支持IE6、IE7,IE8也支持，firefox不支持！ var newPreview = document.getElementById("newPreview"); newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile...

通过JS获取用户本地图片路径并显示的代码: 本知识点将会解释如何通过JavaScript（简称JS）获取用户在本地选择的图片路径，并在网页上显示出来，这一功能主要用在文件上传过程中，用户在上传之前需要先预览图片。首先，我们要了解HTML（超文本标记语言）中的...

我的Firefox插件开发之旅——从零开始: 作者在本篇文章中介绍了他的Firefox插件开发之旅，这是他首次尝试开发Firefox扩展，之前在IE浏览器中使用ActiveX技术实现了类似功能。作者开始时对于Firefox插件开发一无所知，因此在网上搜索相关资料，并找到了一个...

JS获取文件大小方法小结: 然而，这种方法并不普遍适用，因为它在IE7、IE8、Firefox以及Chrome等现代浏览器中可能无法正常工作。以下是这种方法的示例： ```javascript function getFileSize(filePath) { var image = new Image(); image....

Global site tag (gtag.js) - Google Analytics