<%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html >

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>Insert title here</title>

 </head>

 <body>

 <script type="text/javascript">

 function fun()

 {

     alert();

 }

 function bao(str)

 {

     //alert(str);

     //int n=Integer.parseInt(str);

     var img="images/tx/";

     img+=str;

     img+=".gif";

     img = "images/map.png";

     //alert(img);

     // 取得img节点

     var imgNode=document.getElementById("picture");

     // 修改img节点的src属性

     imgNode.setAttribute("src",img);

     //oDiv.innerHTML="<img src=images/tx/2.gif width='80' height='80' border='1' />";

     //不能改变图片，src不能使变量！

 }

 function readFileFirefox(fileBrowser) {

     try {

     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

     }

     catch (e) {

     alert('无法访问本地文件，由于浏览器安全设置。为了克服这一点，请按照下列步骤操作：(1)在地址栏输入"about:config";(2) 右键点击并选择 New->Boolean; (3) 输入"signed.applets.codebase_principal_support" （不含引号）作为一个新的首选项的名称;(4) 点击OK并试着重新加载文件');

     return;

     }

     var fileName=fileBrowser.value; //这一步就能得到客户端完整路径。下面的是否判断的太复杂，还有下面得到ie的也很复杂。

     var file = Components.classes["@mozilla.org/file/local;1"]

     .createInstance(Components.interfaces.nsILocalFile);

     try {

     // Back slashes for windows

     file.initWithPath( fileName.replace(/\//g, "\\\\") );

     }

     catch(e) {

     if (e.result!=Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH) throw e;

     alert("File '" + fileName + "' cannot be loaded: relative paths are not allowed. Please provide an absolute path to this file.");

     return;

     }

     if ( file.exists() == false ) {

     alert("File '" + fileName + "' not found.");

     return;

     }

     return file.path;

     }

     //根据不同浏览器获取路径

     function getpic(){

     //判断浏览器

     var Sys = {};

     var ua = navigator.userAgent.toLowerCase();

     var s;

     (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[] :

     (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[] :

     (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[] :

     (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[] :

     (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[] : ;

     var file_url="";

     if(Sys.ie<="6.0"){

     //ie5.5,ie6.0

     file_url = document.getElementById("file").value;

     }else if(Sys.ie>="7.0"){

     //ie7,ie8

     var file = document.getElementById("file");

     file.select();

     file_url = document.selection.createRange().text;

     }else if(Sys.firefox){

     //fx

     //file_url = document.getElementById("file").files[0].getAsDataURL();//获取的路径为FF识别的加密字符串

     file_url = readFileFirefox(document.getElementById("file"));

     }

     alert(file_url);

     img = file_url;

     //alert(img);

     // 取得img节点

     var imgNode=document.getElementById("picture");

     // 修改img节点的src属性

     imgNode.setAttribute("src",img);

     }

 </script>

     <input type ="file" id = "file" onchange="getpic()" />

     <img id="picture"/>

 </body>

 </html>
<script type="text/javascript">

//FX获取文件路径方法

function readFileFirefox(fileBrowser) {

try {

netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

}

catch (e) {

alert('无法访问本地文件，由于浏览器安全设置。为了克服这一点，请按照下列步骤操作：(1)在地址栏输入"about:config";(2) 右键点击并选择 New->Boolean; (3) 输入"signed.applets.codebase_principal_support" （不含引号）作为一个新的首选项的名称;(4) 点击OK并试着重新加载文件');

return;

}

var fileName=fileBrowser.value; //这一步就能得到客户端完整路径。下面的是否判断的太复杂，还有下面得到ie的也很复杂。

var file = Components.classes["@mozilla.org/file/local;1"]

.createInstance(Components.interfaces.nsILocalFile);

try {

// Back slashes for windows

file.initWithPath( fileName.replace(/\//g, "\\\\") );

}

catch(e) {

if (e.result!=Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH) throw e;

alert("File '" + fileName + "' cannot be loaded: relative paths are not allowed. Please provide an absolute path to this file.");

return;

}

if ( file.exists() == false ) {

alert("File '" + fileName + "' not found.");

return;

}

return file.path;

}

//根据不同浏览器获取路径

function getvl(){

//判断浏览器

var Sys = {};

var ua = navigator.userAgent.toLowerCase();

var s;

(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[] :

(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[] :

(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[] :

(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[] :

(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[] : ;

var file_url="";

if(Sys.ie<="6.0"){

//ie5.5,ie6.0

file_url = document.getElementById("file").value;

}else if(Sys.ie>="7.0"){

//ie7,ie8

var file = document.getElementById("file");

file.select();

file_url = document.selection.createRange().text;

}else if(Sys.firefox){

//fx

//file_url = document.getElementById("file").files[0].getAsDataURL();//获取的路径为FF识别的加密字符串

file_url = readFileFirefox(document.getElementById("file"));

}

//alert(file_url);

document.getElementById("text").innerHTML="获取文件域完整路径为："+file_url;

}

</script>

<h1>JS获取文件域完整路径的方法，兼容不同浏览器</h1>

<div id="text" style="color:#f00;"></div>

<input type="file" id="file" />

<input name="" type="button" value="获取" onClick="getvl();">

js获取file控件的完整路径（上传图片预览）的更多相关文章

  1. html file控件选择文件后立即预览 js实现

    //上传图片后立即预览 file对象,图片容器id function showImg(fileObj,imgId) { var file=fileObj.files[0]; var r = new F ...

  2. IE9获取file控件的本地文件路径

    最近发现,在IE9下,公司网站的本地图片预览都无法正常显示,经过测试发现,原因在于IE9下无法获取file控件的文件路径. 以前的代码如下: var strPic = fileImg.value; i ...

  3. 使用js获取checkbox控件在GridView中的第几行

    这次的知识点是如何使用js获取checkbox控件所在的是第几行!!! 我们可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始) 这两个 ...

  4. 怎么清除file控件的文件路径

    还记得上次做一个文件上传,后来测试告诉我说,如果我要是不选择文件了呢?该怎么办?我说:简单啊,做一个取消按钮不就完事了吗!然后我就想一个file空间做一个取消是多么简单的事,用js处理可是想怎么样就怎 ...

  5. JS获取用户控件中的子控件Id

    用户控件 <asp:HiddenField ID="hfGradeId" runat="server" /> <asp:HiddenField ...

  6. JS 获取Button控件的提交类型

    <script type="text/javascript"> <!--获取button控件的类型---> function isAuditOrCancel ...

  7. JS获取服务器端控件ID

    很多时候我们需要在JS中对服务器端控件进行一些简单处理,但是这个时候没有必要回发到服务器,让服务器去处理,这个时候就又要用到JS了 那么怎么去获取这个服务器端控件呢?我们知道服务器最终返回到用户界面的 ...

  8. JS 获取FileUpload1控件地址

    function openList() { //判断浏览器类型 var isIE = (document.all) ? true : false; ); ); ); var path = " ...

  9. Asp.Net 获取FileUpload控件的文件路径、文件名、扩展名

    string fileNameNo = Path.GetFileName(FileUploadImg.PostedFile.FileName); //获取文件名和扩展名string Directory ...

随机推荐

  1. Alpha 事后诸葛亮

    前言 事后诸葛亮?作业名真的不好听,下一届还要沿用吗? 队名:小白吃 通向hjj博客的任意门 思考总结 设想和目标 我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? ...

  2. SQL Server 2017 安装详解

    SQL server 2017下载链接:https://pan.baidu.com/s/1FSzqJfHQAa0QpZ_fObrfjQ    提取码:1xvb  1.双击iso镜像文件 打开setup ...

  3. List<T>常用操作

    1.List<T>类型强制转换: List<UIData> datalist=null;datalist.ConvertAll<object>(input => ...

  4. eclipse的工程中如何查找字符串

    ctrl + h 后弹出 tab选项, 你选择 file search 然后在下面输入要查找的字符串 workset 那里选择你要查找的项目 默认是全部项目进行查找

  5. 关于Dubbo和Spring异步注解@Async的冲突

    项目中难免会有异步处理的需求,像异步记录日志啦,异步发送邮件啦,而Dubbo又是现在主流的分布式框架,所有异步+Dubbo的组合是再所难免的 但博主是实践中发现Dubbo的服务并不能很好的跟Sprin ...

  6. python之numpy包知识要点总结

    一.简介 numpy主要是用来存储和处理大型矩阵,提供了一种存储单一数据类型的多维数组对象------ndarray.还提供了多种运算函数,能够完成数据计算和统计分析,是数据分析的重要工具包. 二.数 ...

  7. Day6------------软连接和硬链接

    一.块 1.操作系统分四大类块 super block 掌管全局 inode block directory block block 2.删文件 普通删除只是删除链接,数据还在硬盘 彻底删除:覆盖操作 ...

  8. elasticsearch中的java.io.IOException: 远程主机强迫关闭了一个现有的连接

    [2018-07-31T14:29:41,289][WARN ][o.e.x.s.t.n.SecurityNetty4HttpServerTransport] [9rTGh-y] caught exc ...

  9. Python traceback的优雅处理

    刚接触Python的时候,简单的异常处理已经可以帮助我们解决大多数问题,但是随着逐渐地深入,我们会发现有很多情况下简单的异常处理已经无法解决问题了,如下代码,单纯的打印异常所能提供的信息会非常有限. ...

  10. hadoop环境配置

    0. Hadoop源码包下载 http://mirror.bit.edu.cn/apache/hadoop/common/   1. 集群环境 Master 172.16.11.97 Slave1 1 ...