j查询文件选择与超链接

jquery file select with hyperlink

本文关键字：超链接 选择 文件 查询      更新时间：2023-09-26

在下面的代码中，我试图检查文件是否从超链接中选择。首次选择文件时，null var fileName = $('#' + field_id).val();，但第二次选择文件时，将显示文件路径。这是怎么回事？

<input type="file" id="new_rule_upload" name="new_rule_upload" style="visibility: hidden; width: 1px; height: 1px" />
<a href="" onclick="document.getElementById('new_rule_upload').click(); upload_file('new_rule_upload'); return false">Upload</a>

function upload_file(field_id) {
    var fileName = $('#' + field_id).val();
    alert(fileName);
    if (fileName != '') {
        alert('selected')
    } else {
        alert('not selected');
    }
}

我建议将自己附加到输入的更改事件中，您可以立即收到通知。

$(function() {
     $("#new_rule_upload").change(function (){
     var fileName = $(this).val();
     // Do something
   });
});

使用 JQuery

$(function() {
    $("#a_id").click(function() {
        var fileName = $("#new_rule_upload").val();
        alert(fileName);
        if (fileName != '') {
            alert('selected')
        } else {
            alert('not selected');
        }
    });
});
相关文章：