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

我希望在用户上传文件后，文件名将在警告中显示，此问题中的问题是路径＆amp;文件名是diplayed，我只想要文件名。

我该如何解决？

Answer 1

试试这个：

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

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