`
329087553
  • 浏览: 51454 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

IEFirefox 
阅读更多
在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>

分享到：
| JSP中实现图片的无组件上传
评论
发表评论

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

相关推荐

    解决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. 运行安装程序：点击安装文件，会出现安装向导，引导用户完成安装...

    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）中，用户可以通过`&lt;input type="file"&gt;`选择文件后，直接通过该元素...

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

Magicbox
Global site tag (gtag.js) - Google Analytics