使用 jQuery 获取文件输入的选定文件名，但不带路径

javascript jquery get filenames

2022-08-30 02:13:56

我用了这个：

$('input[type=file]').val()

以选择文件名，但它返回完整路径，如“C：\fakepath\filename.doc”。“fakepath”部分实际上就在那里 - 不确定它是否应该存在，但这是我第一次使用文件上传的文件名。

如何获取文件名（文件名.doc）？

答案 1

var filename = $('input[type=file]').val().split('\\').pop();

或者你可以做（因为它总是出于安全原因添加）：C:\fakepath

var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')

答案 2

您只需要执行下面的代码即可。第一个 [0] 是访问 HTML 元素，第二个 [0] 是访问文件上传的第一个文件（我包含了一个验证，以防万一没有文件）：

    var filename = $('input[type=file]')[0].files.length ? ('input[type=file]')[0].files[0].name : "";