javascript - 通过 Javascript 显示上传的文件名

Question

我有以下 HTML / JS 代码：

<div class="file_upload">
        <input type="file" id="file_upload" name="file_upload" onchange="g();">
    </div>
<script>
    function g() {
        var fileName = document.getElementById("file_upload").value;
        fileName = fileName.substring(fileName.lastIndexOf('/')+1);
        alert(fileName);
    }
</script>

我希望在用户上传文件后，文件名将显示在警报中，这个 cide 中的问题是显示路径和文件名，我只想要文件名。

我该如何解决？

Answer 1

试试这个：

var fnSplit = fileName.split(/[\/\\]/);
fileName = fnSplit[fnSplit.length - 1];

不同操作系统（例如Windows和Linux）的路径分隔符可能不同，因此您必须搜索所有操作系统。最常见的是/and \，一个简单的正则表达式就可以解决问题。