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 选项-->安全-->自定义级别-->其他-->将"将文件上载到服务器时显示文件目录路径"启用

时间: 2024-12-26 10:52:18

js获取上传文件的绝对路径的相关文章

struts2 JS获取上传文件的绝对路径,兼容IE和FF

因为file控件上传失败后会自动清空,所以使用文本框来保存上传路径,而且在不同的浏览器下,控件的样式也需要兼容.下面是自己用到的实例 // 初始化判断浏览器的版本,根据版本的不同使用不同的样式function getExplorer() { //IE if (navigator.userAgent.indexOf("MSIE")>=0) { document.getElementById("1").style.display = "block&quo

Atitit.js获取上传文件全路径

1. 默认的value只能获取文件名..安全原因.. 1 2. Firefox浏览器的读取 1 3. Html5 的file api 2 4. 解决方法::使用applet插件 2 5. 参考 3 1. 默认的value只能获取文件名..安全原因.. js是无法获取file 控件的值的,你要获取的话可以通过后台程序语言用json或者xml之类的格式来返回被上传的文件路径. file是一种特殊的input,不能被赋值,也不能被javascript取值,只能随表单提交,而且随表单提交的也是file路

JS 获取上传文件的内容

<div> 上传文件 : <input type="file" name = "file" id = "fileId" /> <button type = "submit" name = "btn" value = "提交" id = "btnId" onclick="check()" /> 提交 </di

js获取上传文件内容,ajax提交

<from action="" enctype="multipart/form-data" method="post"> <a> <span>修改头像</span> <input type="file" id="fileUp" accept="image/png,image/jpeg"> </a></from&

js获取上传文件后缀名(附js提交form表单)

代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script> function check_file()  {   var strFileName=form1.FileName.value;   if (strFileName=="")   {     alert(&

js获取上传文件的大小和名称

代码如下: 上传:<input type="file" style="width: 500px;" onchange="fileChange(this);"/> <script type="text/javascript"> function fileChange(target){ var isIE = /msie/i.test(navigator.userAgent) && !wind

js获取上传文件信息并及时查看

<form id="picForm" name="picForm"  method="post" enctype="multipart/form-data"> <input type="file" id="photosfile" name="files" /> <button class="btn">请选择上传图

js获取上传文件个数 以及名称

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="file" name="file" id="file" multiple=&q

ie下获取上传文件全路径

ie下获取上传文件全路径,3.5之后的火狐是没法获取上传文件全路径的 1 /*获取上传文件路径*/ 2 function getFilePath(obj) { 3 var form = $(this).parents("form"); 4 form.validate(); 5 var fileObj = obj; 6 if (fileObj) { 7 if (window.navigator.userAgent.indexOf("MSIE") >= 1) {