知识大全 在不同浏览器中获取File Input的路径

Posted 路径

篇首语:重要的不是发生了什么事情,而是要做哪些事来改善它。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 在不同浏览器中获取File Input的路径相关的知识,希望对你有一定的参考价值。

在不同浏览器中获取File Input的路径  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  <head><title>File Input</title>

  <meta equiv= content type content= text/; charset=utf />

  <style>

  bodyfont size: px;

   boxborder: px solid #eee;background:#ffe;padding: px px;margin: px;

  dtfont weight:bold;

  dt img textareamargin: px ;

  emcolor:#f ; font style:normal;

  spancolor:# ;

   ftcolor:# ;font size: px;text align:right

  </style>

  </head>

  <body>

  <h >在不同浏览器中获取File Input的value</h >

  <div class= box >

  <input type= file name= foo id= foo size= />

  <input type= button value= Show Value onclick= alert(document getElementById( foo ) value) />

  <input type= button value= Show Value in FF onclick= alert(getValueFF( foo )) />

  <input type= button value= Show Value in IE onclick= alert(getValueIE ( foo )) />

  </div>

  <div class= box >

  <dl>

  <dt>Firefox x IE IE </dt>

  <dd>在本地及远端都可以取得完整地址(包括路径及文件名)</dd>

  </dl>

  <dl>

  <dt>Firefox </dt>

  <dd>在本地及远端都<em>不能</em>取得完整地址 只能获得文件名</dd>

  </dl>

  <dl>

  <dt>IE IE (IE 模拟)</dt>

  <dd>在本地可以取得完整地址(包括路径及文件名) 在远端<em>不能</em>取得完整地址 只能获得文件名</dd>

  </dl>

  <span>* 本地 localhost</span>

  </div>

  <div class= box >

  <h >如何在Firefox 下取得完整路径</h >

  <p>

  第一步 打开 about:config 页面 查找 debase_principal_support 属性 将其值设置为true

  <p></p>

  <p>

  第二步 在javascript中采用以下代码进行获取 <br />

  <textarea name= textarea >

  function getValueFF(id)

  var ip = document getElementById(id);

  if (ip files)

  //ffx try to have access to full path

  try

  netscape security PrivilegeManager enablePrivilege( UniversalFileRead )

  

  catch (err)

  //need to set debase_principal_support to true

  

  ;

  return ip value;

  

  </textarea>

  <p></p>

  <p>

  经过以上步骤 在Firefox 下获取file input的value时 会弹出一个Internet Security的对话框 点击 Allow 将可以获取完整value <br />

  <span>资料 <a target= _blank >_bug cgi?id= </a></span>

  <p></p>

  </div>

  <div class= box >

  <h >如何在IE 下取得完整路径</h >

  <p>方法一 使用selection createRange <br />

  <textarea name= textarea >

  function getValueIE (id)

  var ip = document getElementById(id);

  ip select();

  return document selection createRange() text;

  

  </textarea>

  <p></p>

  <p>方法二 引用 <a _blank >;/a><p></p>

  </div>

  <script language= JavaScript >

  function getValueFF(id)

  var ip = document getElementById(id);

  if (ip files)

  //ffx try to have access to full path

  try

  netscape security PrivilegeManager enablePrivilege( UniversalFileRead )

  

  catch (err)

  //need to set debase_principal_support to true

  

  ;

  return ip value;

  

  function getValueIE (id)

  var ip = document getElementById(id);

  ip select();

  return document selection createRange() text;

  

  </script>

cha138/Article/program/net/201311/12042

相关参考

知识大全 使input type=file 不可编辑

  今天在做项目的时候遇到上传文本框的问题  <inputtype=filesize=name=photoupload/>  在firefox中该控件产生的文本框是默认不可编辑的但是在IE

知识大全 使用JS 清空File控件的路径值

使用JS清空File控件的路径值  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!今天Test时发现一

知识大全 解析使用JS 清空File控件的路径值

解析使用JS清空File控件的路径值  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!本篇文章是对使用

知识大全 执行、获取远程代码返回:file

  天气终于晴了但问题来了在实现两个站点间用户数据同步当使用php函数file_get_contents抓取执行远程页面时如果连接超时将会输出一个FatalError或相当的慢结果导致下面的代码不能运

知识大全 在JAVA文件中获取该项目的相对路径

在JAVA文件中获取该项目的相对路径  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &n

知识大全 在js文件中如何获取basePath处理js路径问题

在js文件中如何获取basePath处理js路径问题  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

知识大全 解析file

  什么是useragentUserAgent中文名为用户代理简称UA它是一个特殊字符串头使得服务器能够识别客户使用的操作系统及版本CPU类型浏览器及版本浏览器渲染引擎浏览器语言浏览器插件等网站可以通

知识大全 C#中路径的几种获取方法及其区别

C#中路径的几种获取方法及其区别  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  stringst

知识大全 JAVA获取绝对路径的问题

JAVA获取绝对路径的问题  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  JAVA中获取绝对路径

知识大全 C#中获取程序当前路径的7种常用的方法

C#中获取程序当前路径的7种常用的方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  strin