js获取上传文件的绝对路径实现方法
网络编程 2021-07-04 20:00www.168986.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇js获取上传文件的绝对路径实现方法。长沙网络推广觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧
在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获取上传文件的绝对路径实现方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- socket网络编程 socket网络编程Socket基础
- 少儿编程培训班 少儿编程培训班教学方法
- linux系统编程:Linux系统编程多线程基础
- unix环境高级编程 首发于 UNIX环境高级编程学习之
- 学编程学哪一种比较好 初学者哪种编程语言比较
- 学PLC编程学费多少
- 计算机编程入门 学计算机编程入门的初学指南
- 世界编程语言排行榜
- vba编程培训:Excel VBA编程培训初学者教程
- 少儿编程课程:少儿编程学什么及各年龄段如何
- 游戏编程入门:少儿游戏编程入门的技巧
- 学编程哪个培训机构好 编程培训机构哪个好
- 编程机器人加盟 机器人编程加盟哪家好
- 在线少儿编程机构排名
- 电脑编程入门自学
- 服务器系统下载:服务器系统的安装