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 相关文章推荐
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
Dec 04 Javascript
基于insertBefore制作简单的循环插空效果
Sep 21 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
设置jquery UI 控件的大小方法
Dec 12 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
js校验开始时间和结束时间
May 26 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
js实现限定区域范围拖拉拽效果
Nov 20 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截取中文字符串的问题
2006/07/12 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
基于PHP给大家讲解防刷票的一些技巧
2015/11/18 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
JS数组的常见用法实例
2015/02/10 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
jstree的简单实例
2016/12/01 Javascript
清除输入框内的空格
2016/12/21 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
python线程池threadpool使用篇
2018/04/27 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
利用Python将数值型特征进行离散化操作的方法
2018/11/06 Python
PyCharm+PySpark远程调试的环境配置的方法
2018/11/29 Python
python except异常处理之后不退出,解决异常继续执行的实现
2020/04/25 Python
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
将相和教学反思
2014/02/04 职场文书
小学生读书感言
2014/02/12 职场文书
暑期工社会实践报告
2015/07/13 职场文书
班主任寄语2016
2015/12/04 职场文书
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python