javascript - 获取文件名并将文件名替换为单选按钮的值

Question

我想在用户单击单选按钮时获取文件名并将文件名替换为单选按钮的值。我试图用 jquery 获取文件名，但这不起作用。

$('#activeImage').click(function(){
    var name = $('input[type=file]').prev("#productImg").val();
    alert(name);
})  

这是 DOM 结构。

<div class="controls">
     <input type="file" name="userfile[]" value="" id="productImg" style="border:0px;"  />                                     
     <input type="radio" name="activeImage" value="" id="activeImage"  />  
</div>
<div class="controls">
     <input type="file" name="userfile[]" value="" id="productImg" style="border:0px;"  />                                     
     <input type="radio" name="activeImage" value="" id="activeImage"  />  
</div>

我如何获取文件名并将文件名替换为单选按钮的值

Answer 1

尝试使用这个。

$('#activeImage').click(function(){
    var name = $(this).parents('.controls').find('input[type=file]').val();
    alert(name);
});

Answer 2

尝试使用它来获取文件字段的值

$('#activeImage').click(function(){
    var name = $(this).prev('input[type=file]').val();
    alert(name);
});

您只能使用某些编程语言重命名文件。