Javascript 从HTML输入文件标记获取图像文件的源路径

从24小时以来，我一直在寻找答案&出于安全原因，大多数浏览器都不允许这样做，但是

我想做的是- 我想上传一个图像使用HTML输入文件标签。当我使用文件浏览器选择图像时，我希望将所选文件的路径输入代码中

我可以得到文件名，但不能得到路径

如何获取所选文件的路径

<script type="text/javascript">
    function fileSelected(){
        var name = document.getElementById("fileToUpload").files[0].name;
        console.log(name); //gives the name of the selected file

        var val = document.getElementById("fileToUpload").files[0].value;
        console.log(val); //gives undefined
    }
</script>


<form action="vanilla.php" method="post" enctype="multipart/form-data">
    <input type="file" name="fileToUpload" id="fileToUpload" onchange="fileSelected();">
</form>

函数fileSelected（）{
var name=document.getElementById（“fileToUpload”）.files[0]。名称；
console.log（name）；//给出所选文件的名称
var val=document.getElementById（“fileToUpload”）.files[0]。值；
console.log（val）；//未定义
}

或者您可以建议使用PHP上传文件的任何其他方式

---

谢谢

除此之外，您还需要一个PHP脚本来处理文件。（Ej:vanilla.php）该文件将包含在名为fileToUpload的$\u文件中，您不需要路径，只需要文件。通过像移动上传的文件这样的操作，你可以移动到你想要的路径

范例

   <?php 
     move_uploaded_file($_FILES['fileToUpload'], "/folder/photo.png");

---

@Jay Blanchard我不认为这是“php中的多文件上载”的完全重复！！这家伙特别问如何获得一个文件的路径，而引用的副本通常会问如何上传多个文件，作为对描述的一个单词补充，“获得路径”。如果OP搜索了“如何在php中上传多个文件”，他就会找到参考文章。显然，他一直在搜索与“文件路径”相关的关键字。未经授权的否决投票。一旦OP学会如何正确上传文件，他将知道如何找到上传文件的路径，该路径在@silversunhunter调用
move\u uploaded\u file（）
之前不可用。这不是一个精确的匹配（如果你想学究的话，没有真正的匹配），但是给了OP一个实际上传文件的起点，他要求“或者你可以建议使用PHP上传文件的任何其他方式”。如果你认为DV是没有根据的，就在上面写一篇文章来为你的案件辩护。