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 相关文章推荐
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 Javascript
JQuery优缺点分析说明
Jun 09 Javascript
JS面向对象编程 for Cookie
Sep 19 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
May 08 Javascript
js 单击式的下拉菜单效果实例
Aug 13 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
Sep 14 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
Mar 25 Javascript
深入掌握 react的 setState的工作机制
Sep 27 Javascript
vue设置导航栏、侧边栏为公共页面的例子
Nov 01 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
elgg 获取文件图标地址的方法
2010/03/20 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
通过正则表达式实现表单验证是否为中文
2014/02/18 Javascript
js实现编辑div节点名称的方法
2014/12/17 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
JavaScript 详解预编译原理
2017/01/22 Javascript
JavaScript表单即时验证 验证不成功不能提交
2017/08/31 Javascript
JS中常用的消息框总结
2018/02/24 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
Windows下PyMongo下载及安装教程
2015/04/27 Python
python插入数据到列表的方法
2015/04/30 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
Python JSON编解码方式原理详解
2020/01/20 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
网络编辑求职信
2014/04/30 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
艺术节开幕词
2015/01/28 职场文书
慰问信格式
2015/02/14 职场文书
银行自荐信范文
2015/03/25 职场文书
学生会招新宣传语
2015/07/13 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
Python利用Turtle绘制哆啦A梦和小猪佩奇
2022/04/04 Python