Question

我有一个选择要上传的文件可以是单个或多个在我选择的时候，我想在下面的文字中说明我选择的文件的路径。

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

选择文件后，请说出3：

codepen

它将显示在屏幕上：

然而目前显示：

这是我的剧本：

<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访问此内容;作为安全预防措施，浏览器会向您公开文件名，但没有其他任何关于本地文件系统的信息。

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

多个FileUpload显示文件路径为文本

1 个答案: