从HTML输入文件标记

时间:2017-10-05 16:03:06

标签: javascript php 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>

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

谢谢!

1 个答案:

答案 0 :(得分:1)

你需要PHP中的一个脚本来处理文件。 ( Ej:vanilla.php )该文件将包含在$ _FILES中,名称为 fileToUpload ,您不需要路径,只需要文件。通过move_uploaded_file等操作,您可以移动到所需的路径。

实施例

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