使用jQuery/JavaScript在动态输入文件字段中获取所选文件名

使用jQuery/JavaScript在动态输入文件字段中获取所选文件名,javascript,jquery,Javascript,Jquery,我有动态输入类型的文件字段,可以通过单击“添加更多”添加更多字段 我已经编写了脚本,以便在选择文件名时获取该文件名,但它只适用于第一个字段,不适用于其他字段 那么,如何在选中时获取所有文件名呢 $(“#em_添加”)。单击(函数(){ var decoration_box=$(“.one”).html(); $(“.logos”)。附加(“”+装饰盒+“”); }); $('.logo').change(函数(){ var filePath=$(this.val(); 警报(文件路径); })

我有动态输入类型的文件字段,可以通过单击“添加更多”添加更多字段

我已经编写了脚本,以便在选择文件名时获取该文件名,但它只适用于第一个字段,不适用于其他字段

那么,如何在选中时获取所有文件名呢

$(“#em_添加”)。单击(函数(){
var decoration_box=$(“.one”).html();
$(“.logos”)。附加(“”+装饰盒+“”);
});
$('.logo').change(函数(){
var filePath=$(this.val();
警报(文件路径);
});

新增

您正在动态添加元素,但添加元素时并没有将事件处理程序附加到这些新元素。要解决此问题,可以使用事件委派,方法是将事件附加到父级
.logo

$(“#em_添加”)。单击(函数(){
var decoration_box=$(“.one”).html();
$(“.logos”)。附加(“”+装饰盒+“”);
});
$('.logo').on('change','.logo',函数(){
var filePath=$(this.val();
警报(文件路径);
});

新增

您正在动态添加元素,但添加元素时并没有将事件处理程序附加到这些新元素。要解决此问题,可以使用事件委派,方法是将事件附加到父级
.logo

$(“#em_添加”)。单击(函数(){
var decoration_box=$(“.one”).html();
$(“.logos”)。附加(“”+装饰盒+“”);
});
$('.logo').on('change','.logo',函数(){
var filePath=$(this.val();
警报(文件路径);
});

新增
请参阅

$(“#em_添加”)。单击(函数(){
var decoration_box=$(“.one”).html();
$(“.logos”)。附加(“”+装饰盒+“”);
});
$('.logos')。在('change','input:file',function()上{
var filePath=$(this.val();
警报(文件路径);
});

新增
请参阅

$(“#em_添加”)。单击(函数(){
var decoration_box=$(“.one”).html();
$(“.logos”)。附加(“”+装饰盒+“”);
});
$('.logos')。在('change','input:file',function()上{
var filePath=$(this.val();
警报(文件路径);
});

新增