输入字段未返回预期值[重复]

Posted 2023-05-07

【中文标题】输入字段未返回预期值[重复]

【英文标题】：Input field not returning the expected value [duplicate]

【发布时间】：2017-08-27 08:53:28

【问题描述】：

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

-Local Disk (C)
  -Users
    -f
      -Desktop
        -001.jpg <-- the image
        -index.html <-- the webpage

我希望输入字段返回图像的绝对路径，即C:/Users/f/Desktop/001.jpg，而它只是返回C:\fakepath\001.jpg。代码如下：

function myFunction() 
  var image = document.createElement('img');
  image.src = document.getElementById('image').value;
  console.log(document.getElementById('image').value);

<input id="image" type="file" onchange="myFunction()">

【参考方案1】：

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

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