温馨提示×

jQuery怎么获取上传文件的名称

小亿
218
2023-08-11 18:42:39
栏目: 编程语言

要获取上传文件的名称,可以使用jQuery的val()函数来获取文件输入框的值,然后使用JavaScript的split()函数来获取文件名部分。

以下是获取上传文件名称的示例代码:

// 监听文件输入框的change事件
$('#fileInput').on('change', function() {
// 获取文件输入框的值
var filePath = $(this).val();
// 使用split函数获取文件名部分
var fileName = filePath.split('\\').pop();
// 输出文件名
console.log(fileName);
});

上述代码假设你有一个文件输入框,它的id属性设置为fileInput。当用户选择了一个文件后,代码会将文件名输出到浏览器的控制台中。

请注意,在不同的浏览器中,文件输入框的值的格式可能不同,例如在某些浏览器中会包含完整的文件路径,而在其他浏览器中只会包含文件名。因此,在使用split()函数时,你可能需要根据不同浏览器对文件输入框的值进行适当的处理。

0