-
input type file 获取文件名问题5
在html页面中上传附件：
代码：
<input type="file" name="file" id="file"/>
用var fileName = document.getElementById("file").value;得到file的上传路径，但是在IE8或更高版本的IE中得到的路径是：c:\fakepath\xxx路径，怎么才能得到上传的文件路径那？
请高手帮助2013年4月24日 14:39
添加评论
关注(0)7个答案 按时间排序 按投票排序
-
采纳的答案
不行的 在主流浏览器 出于安全原因是拿不到的绝对路径的 如果你要拿ie8及以后的相对路径可以把c:\fakepath substr掉
http://acidmartin.wordpress.com/2009/06/09/the-mystery-of-cfakepath-unveiled/2013年4月24日 14:49
-
最好不要这样做，对于浏览器来说就算你站IE6 7 8兼容了，FF也不会兼容，就算FF兼容了，CHROME也不会兼容。（你总不能给客户说把你的浏览器安全级别设置低些？）我说的意思是浏览器端获取路径没有意义。建议换思路。
2013年4月25日 12:02
-
引用本的IE中得到的路径是：c:\fakepath\xxx路径，怎么才能得到上传的文件路径那？
引用但是这样我只能取到文件名，然后还是读取不到这个文件呀，也就无法读取这个文件的内容
怎么感觉偏题了，还是问题描述错了2013年4月24日 16:18
-
那么在JS代码中我就可以这样来获取真实的文件路径：
var file_upl = document.getElementById('file_upl'); file_upl.select(); var realpath = document.selection.createRange().text;2013年4月24日 15:01
-
flex可以获取文件的绝对路径，http://blog.sina.com.cn/s/blog_938d86e90100xzrb.html
2013年4月24日 14:55
-
我遇到过这个问题，博客里面写了，请看这里：
IE8上传文件时文件本地路径变成"C:\fakepath\"的问题
http://yunzhu.iteye.com/blog/11168932013年4月24日 14:50
相关推荐
本篇文章将详细讲解如何将`<input type="file">` 控件的“浏览”按钮和提示改为英文。 首先，我们需要理解`<input type="file">`的基本结构和属性。这个标签创建了一个可以点击的区域，用户可以通过点击打开本地...
在网页设计中，我们经常需要使用到`<input type="file">`标签来实现文件上传功能，但默认的上传控件样式通常较为简单，不符合现代网页的美观需求。本篇将探讨如何自定义`input file`的样式，打造个性化的上传界面。 ...
### 如何使 input type=file 只读并实现文件上传 在网页开发中，有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件，从而确保文件的一致性和安全性。...
在这个结构中，`<input type="text">`用于显示用户选择的文件名，`<input type="button">`则作为点击触发文件选择对话框的按钮。`<input type="file">`被定位在模拟的文本框和按钮之上，通过CSS设置`opacity: 0`或`...
然后，监听`input[type=file]`的`change`事件，获取选中的文件，并使用`ajaxfileupload`方法进行上传。同时，我们还需要一个用于显示上传状态的元素，例如`#uploadStatus`： ```javascript $(document).ready...
以下将详细介绍如何改变`<input type="file">`标签的file属性以及相关的前端技术。 首先，HTML部分通常会包含一个`<input type="file">`元素，它用于让用户选择本地文件进行上传。在这个例子中，它被包裹在一个`<a>...
在网页设计中，上传控件`<input type="file">`是必不可少的元素，它允许用户选择本地文件并上传到服务器。然而，由于浏览器的安全限制，这个控件的默认样式通常非常简陋，无法直接通过CSS进行大幅度的美化。本教程将...
- `document.getElementById("file").value`获取了`<input type="file">`元素的值，这个值通常是一个相对路径，而不是绝对路径，因为浏览器出于安全原因不会提供完整的文件系统路径。 - `myform.root.value=root;`将...
本文将详细介绍如何使用JSP（JavaServer Pages）来实现`input type="file"`标签的图片上传即时预览功能。 首先，我们要理解HTML中的`<input type="file">`标签，它是用来让用户选择本地文件的。当我们设置`<input ...
传统的HTML中，`<input type="file">` 元素可以用来让用户选择文件，但是出于安全考虑，浏览器出于安全考虑，不允许网页通过JavaScript直接获取用户本地文件系统的绝对路径。这是因为直接访问本地文件系统可能会引发...
浏览器自带的 input type="file" 不美观，我想做成如上图那样的形式： 思路是： - 把 `<input type="file"/>` 默认样式设置`display:none;`，即设为不可见 - 新建一个文本输入框`<input type="text"/>` 和 一个...
<input type="file" id="fileInput"> ``` 当用户选择文件后，我们可以通过JavaScript获取选中的文件对象。我们可以为这个输入元素添加一个事件监听器，如`change`事件： ```javascript const fileInput = document...
1. **获取文件**：当用户通过`<input type="file">`选择文件后，可以通过JavaScript的`HTMLInputElement.files`属性访问到这个文件对象。 2. **验证文件类型**：在读取文件之前，通常需要验证文件是否是有效的图片...
具体的实现步骤包括获取`input file`元素，通过`document.getElementsByTagName`获取到`input`元素的引用，然后通过一些DOM操作，例如创建新的`TextRange`来模拟用户选中文本，通过`SendKeys`模拟键盘输入等方法，来...
这样，当用户点击自定义的“选择文件”按钮时，实际的`<input type="file">`会被触发，文件名会显示在假按钮上。通过这种方式，我们可以实现一个更友好、更具设计感的文件上传体验。 总结来说，"00type=file导入...
综上所述，Vue中使用`input[type="file"]`实现文件上传功能是一个涉及前端多种技术的综合性任务，它不仅包括对Vue指令和事件处理的运用，还可能涉及到对第三方库的集成和对安全性的考虑。通过实践这个功能，可以深入...
这个问题的出现是因为当我们上传了一个文件后，将获取到的文件名清空后，却无法再次上传相同的文件。这是因为 input[type="file"] 元素的 change 事件只会在文件选择改变时触发，而不是在文件上传完成时触发。 在 ...