javascript - 如何使用jquery从文件输入类型获取文件名而不需要表单提交

Question

我想获取当用户单击按钮(不是提交按钮)时选择的文件用户的文件名。我已经尝试了 stackoverflow 上给出的许多解决方案，但它不起作用我有字段的 id，但它没有给出文件的名称。

下面是我的代码:

function Data(a)
{   
var ext = $('#fieldid_'+a).val().split('.').pop().toLowerCase();
.......

<input type="file" name="save_<?=$row1['id']?>" id="fieldid_<?=$row1['id']?>" /> 
<input type="button" id="submit_<?=$row1['id']?>" value="Upload File" onclick = "return Data(<?=$row1['id']?>)"/> 

Answer 1

使用以下脚本获取文件名:引用链接:Use jQuery to get the file input's selected filename without the path

jQuery('input[type=file]')[0].files[0].name

(OR)

$('input[type=file]')[0].files[0].name

不仅仅是文件中的内容:

var all_files = jQuery('input[type=file]');
var paths_arr = [];
for(var i=0;i<all_files.length;i++){
paths_arr.push(all_files[i].files[0].name);
} 
 paths_arr[0] = first file name
 paths_arr[1] = second file name