js获取上传文件的绝对路径实现方法


Posted in Javascript onAugust 02, 2016

在html中

<input type="file" id="importFile" />
  <input type="button" onclick="upload()"/>

<script>
function upload() {
  var filename = document.getElementById("importFile").value;
  // 这时的filename不是 importFile 框中的值
  alert(filename);
}
</script>

如上面的代码,用文件上传对话框选择文件后,如果选择"D:\\temp\file\test.txt"文件,alert(filename)却是"C:\\fakepath\test.txt"这是为什么?我想要取得原本的文件路径及文件名,应该怎么办?先谢谢各位了。

<input type="file" name="blogrollimage" onchange="setBlogrollImageName(this)" txlFillIn="isNotNull" title="链接图片">

<script type="text/javascript">
function setBlogrollImageName(basicfile){
document.getElementById("blogrollimagename").value=basicfile.value;
}
</script>

input的时候把onchange="setBlogrollImageName(this)"  加上,再把这段js加到页面即可!

感谢doop1120的回复。

我按您说的做了,不过,结果还是一样。如果选择"D:\\temp\file\test.txt",document.getElementById("blogrollimagename").value=basicfile.value;

这样获取的值仍然是document.getElementById("blogrollimagename").value=C:\\fakepath\test.txt,而不是我想要的D:\\temp\file\test.txt

出现D:\\temp\file\的原因是ie浏览器安全设置的问题

解决此问题的步骤:

打开ie浏览器-->internet 选项-->安全-->自定义级别-->其他-->将"将文件上载到服务器时显示文件目录路径"启用

确定后重新运行即可

以上这篇js获取上传文件的绝对路径实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
动感效果的TAB选项卡jquery 插件
Jul 09 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
js实现快速分享功能(你的文章分享工具)
Jun 25 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
javascript实现日期三级联动下拉框选择菜单
Dec 03 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
Webpack性能优化 DLL 用法详解
Aug 10 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
js实现日历
Nov 07 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 #Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 #Javascript
jQuery实现的placeholder效果完整实例
Aug 02 #Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 #Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 #Javascript
深入浅析search 搜索框的写法
Aug 02 #Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 #Javascript
You might like
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
PHP 第三节 变量介绍
2012/04/28 PHP
php基于mcrypt的加密解密实例
2014/10/27 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
Javascript实现字数统计
2015/07/03 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
2019/05/04 jQuery
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
2020/04/28 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
python区分不同数据类型的方法
2019/10/14 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
请说出几个常用的异常类
2013/01/08 面试题
电子商务专业学生的学习自我评价
2013/10/27 职场文书
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
高三学生评语大全
2014/04/25 职场文书
小学家长学校培训材料
2014/08/24 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
python turtle绘图
2022/05/04 Python