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 相关文章推荐
javascript获取作用在元素上面的样式属性代码
Sep 20 Javascript
JQuery实现表格中相同单元格合并示例代码
Jun 26 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
浅谈javascript获取元素transform参数
Jul 24 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 Javascript
jQuery源码分析之sizzle选择器详解
Feb 13 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
Mar 19 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
Aug 20 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
Feb 21 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
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php生成动态验证码gif图片
2015/10/19 PHP
javascript函数中的arguments参数
2010/08/01 Javascript
jQuery筛选器children()案例详解(图文)
2013/02/17 Javascript
javascript判断office版本示例
2014/04/11 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/07/18 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
2018/08/01 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
django之常用命令详解
2016/06/30 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
python装饰器相当于函数的调用方式
2019/12/27 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
美国网上订购鲜花:FTD
2016/09/23 全球购物
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
社团成立邀请函
2014/01/08 职场文书
学生会部长竞聘书
2014/03/31 职场文书
指导教师评语
2014/04/26 职场文书
校庆活动策划方案
2014/06/05 职场文书
村委会贫困证明范本
2014/09/17 职场文书
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript
nginx内存池源码解析
2021/11/20 Servers