输入字段未返回预期值

时间:2017-04-02 12:51:06

标签: javascript html input

我试图通过类型为file的输入字段返回图像的文件路径,用户从用户单击浏览按钮时出现的窗口中选择图像。我需要使用此路径,以便在用户选择图像后将其放置在网页中。文件结构如下所示:

let i = 0;
for(; i < box.length; i++) {
    box[i].onclick = function() {
        console.log(i);
    };
    console.log("End loop. i:" + i);
}

我希望输入字段返回图像的绝对路径,即-Local Disk (C) -Users -f -Desktop -001.jpg <-- the image -index.html <-- the webpage ,而它只是返回C:/Users/f/Desktop/001.jpg。这是代码:

&#13;
&#13;
C:\fakepath\001.jpg
&#13;
function myFunction() {
  var image = document.createElement('img');
  image.src = document.getElementById('image').value;
  console.log(document.getElementById('image').value);
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

那是不可能的。这是一个浏览器限制。

浏览器在上传文件时隐藏真实路径以确保安全。