如果选择了图像，则允许单击按钮

Question

我有一张上传图片的表单。

我想禁用此按钮并仅在用户选择某个文件时启用它。任何想法我怎样才能使它发挥作用？

<form action="/upload.php" id="upload" method="POST">
    <input type="file" name="photo" id="photo" class="file_input">
    <input type="submit" value="Upload" id="upload_btnb" disabled>
</form>

用户选择文件时如何启用按钮？

Answer 1

尝试以下。

$('#photo').change(function(){
   $('#upload_btnb').prop('disabled', false);
});

Answer 2

试试这样： HTML：

<form action="#" method="post">
  <input type="file" name="fileInput" id="fileInput" />
  <input type="submit" value="submit" disabled />
</form>
<div id="result"></div>

JQUERY：

$(document).ready(function(){
    $('input:file').change(function(){
        if ($(this).val()) {
           $('input:submit').attr('disabled',false);
           // or, as has been pointed out elsewhere:
           // $('input:submit').removeAttr('disabled'); 
        } 
    });
});