<input type="file" id="file-id" name="file_name" onchange="theimage();">
这是我的上传按钮。
<input type="text" name="file_path" id="file-path">
这是一个文本字段，我必须在其中显示文件的完整路径。
function theimage(){
var filename = document.getElementById('file-id').value;
document.getElementById('file-path').value = filename;
alert(filename);
}
这是解决我的问题的JavaScript。但在警报值给我
C:\fakepath\test.csv
Mozilla给了我:
test.csv
但我想要本地完全限定文件路径。如何解决这个问题?
如果这是由于浏览器安全问题，那么应该采取什么替代方法来做到这一点?
当前回答
如果你打开ie，工具，Internet选项，安全，自定义，找到“当上传文件到服务器时包括本地目录路径”(这是相当低的方法)，然后点击“启用”。这是可行的
其他回答
我也遇到了同样的问题。在IE8中，可以通过在文件输入控件后创建一个隐藏输入来解决这个问题。用它的前一个兄弟的值填充这个。在IE9中这个问题也被修复了。
我想要了解完整路径的原因是在上传之前创建一个javascript图像预览。现在我必须上传文件来创建所选图像的预览。
如果你真的需要发送上传文件的完整路径，那么你可能不得不使用一些类似于signed java applet的东西，因为如果浏览器不发送它，就没有任何方法获得这些信息。
Use
document.getElementById("file-id").files[0].name;
而不是
document.getElementById('file-id').value
我使用对象FileReader的输入onchange事件为您的输入文件类型!本例使用readAsDataURL函数，因此您应该有一个标记。FileReader对象还具有readAsBinaryString来获取二进制数据，稍后可以使用这些数据在服务器上创建相同的文件
例子:
var input = document.getElementById("inputFile");
var fReader = new FileReader();
fReader.readAsDataURL(input.files[0]);
fReader.onloadend = function(event){
var img = document.getElementById("yourImgTag");
img.src = event.target.result;
}
似乎你不能在你的localhost通过js找到完整的路径，但你可以隐藏fakepath只是显示文件名。使用jQuery获取文件输入的选择的文件名而不包含路径
