Javascript-如何从文件输入控件中提取文件名

Question

当用户选择网页中的文件时，我希望能够仅提取文件名。我确实尝试过str.search函数，但是当文件名像这样时似乎失败：c：\ uploads \ ilike.this.file.jpg。我们如何仅提取不带扩展名的文件名？

Answer 1

假设您的<input type =“ file”>具有上载 ID，则有望实现这一目标：

var fullPath = document.getElementById('upload').value;

if (fullPath) {

    var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));

    var filename = fullPath.substring(startIndex);

    if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {

        filename = filename.substring(1);

    }

    alert(filename);

}

Answer 2

要分割字符串（{filepath} / {filename}）并获取文件名，您可以使用以下命令：

str.split(/(\\|\/)/g).pop()

“ pop方法从数组中删除最后一个元素，并将该值返回给调用者。” MOZILLA开发人员网络

例：

从： "/home/user/file.txt".split(/(\\|\/)/g).pop()

你得到： "file.txt"