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

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).prev('input[type=file]').val();
    alert(name);
});

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

Answer 2

尝试使用它。

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