<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
但我想要本地完全限定文件路径。如何解决这个问题?
如果这是由于浏览器安全问题，那么应该采取什么替代方法来做到这一点?
当前回答
使用文件阅读器:
$(document).ready(function() {
$("#input-file").change(function() {
var length = this.files.length;
if (!length) {
return false;
}
useImage(this);
});
});
// Creating the function
function useImage(img) {
var file = img.files[0];
var imagefile = file.type;
var match = ["image/jpeg", "image/png", "image/jpg"];
if (!((imagefile == match[0]) || (imagefile == match[1]) || (imagefile == match[2]))) {
alert("Invalid File Extension");
} else {
var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(img.files[0]);
}
function imageIsLoaded(e) {
$('div.withBckImage').css({ 'background-image': "url(" + e.target.result + ")" });
}
}
其他回答
如果你打开ie，工具，Internet选项，安全，自定义，找到“当上传文件到服务器时包括本地目录路径”(这是相当低的方法)，然后点击“启用”。这是可行的
似乎你不能在你的localhost通过js找到完整的路径，但你可以隐藏fakepath只是显示文件名。使用jQuery获取文件输入的选择的文件名而不包含路径
一些浏览器具有安全特性，可以防止JavaScript知道文件的本地完整路径。这是有道理的——作为客户端，您不希望服务器知道您本地机器的文件系统。如果所有浏览器都这样做就太好了。
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;
}
