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

Posted 2023-05-07

【中文标题】多个 FileUpload 将文件路径显示为文本 [重复]

【英文标题】：multiple FileUpload display file path as text [duplicate]

【发布时间】：2017-04-14 11:53:13

【问题描述】：

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

 <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>

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

【问题讨论】：

你有没有尝试过？

我还不确定从哪里开始:(

【参考方案1】：

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

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

【讨论】：

这个怎么样？ w3schools.com/jsref/…

点击复选框时似乎有完整路径？

@isme 您是否阅读了示例中显示的完整路径？这是一条假路。