多个 FileUpload 将文件路径显示为文本 [重复]

Question

我可以选择要上传的文件，可以是单个或多个 当我选择时，我希望下面的文本说明我选择的文件的路径。

 <form action="mymethod" enctype="multipart/form-data" method="Post"     id="submitForm">
<input id="file" name="file[]" multiple type="file">

选择文件后，说它的 3：

它将显示在屏幕上：

但目前显示：

这是我的脚本：

<script>
                    var selDiv = "";

                    document.addEventListener("DOMContentLoaded", init,
                            false);

                    function init() {
                        document.querySelector('#file').addEventListener(
                                'change', handleFileSelect, false);
                        selDiv = document.querySelector("#selectedFiles");
                    }

                    function handleFileSelect(e) {

                        if (!e.target.files)
                            return;

                        selDiv.innerHTML = "";

                        var files = e.target.files;
                        for ( var i = 0; i < files.length; i++) {
                            var f = files[i];

                            selDiv.innerHTML += f.name + "<br/>";

                        }

                    }
</script>

也许你们可以给我建议我将如何解决这个问题？

Answer 1

您将无法通过 JavaScript 访问它；作为安全预防措施，浏览器将向您公开文件名，但不会向您公开本地文件系统。

这是浏览器创建者内置的安全措施，因此无法看到有关本地文件路径的私人信息。