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 相关文章推荐
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
jquery编写Tab选项卡滚动导航切换特效
Jul 17 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
May 19 Javascript
基于Bootstrap实现图片轮播效果
May 22 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 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实现Ftp用户的在线管理的代码
2007/03/06 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
Yii框架函数简单用法分析
2019/09/09 PHP
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
详解js类型判断
2018/05/22 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
Python 时间处理datetime实例
2008/09/06 Python
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
Python实现大数据收集至excel的思路详解
2020/01/03 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
奢华时尚的独特视角:La Garçonne
2018/06/07 全球购物
伦敦香水公司:The London Perfume Company
2019/11/13 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
研究生求职推荐信范文
2013/11/30 职场文书
《母鸡》教学反思
2014/02/25 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
2015年度优秀员工自荐书
2015/03/06 职场文书
《叶问2》观后感
2015/06/15 职场文书
小学运动会加油词
2015/07/18 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
同学聚会开幕词
2019/04/02 职场文书
详解python网络进程
2021/06/15 Python
利用Python读取微信朋友圈的多种方法总结
2021/08/23 Python