Web 表单:选择文件后启用按钮

Web Forms: Enable button once file is selected

使用 Javascript 或 Jquery,我想在选择文件后启用上传按钮。

这是我的标记:

<input ID="FileUploadControl" type="file" name="fileInput" runat="server" />
<asp:Button runat="server" id="UploadButton" text="Upload Image" onclick="UploadButton_Click" disabled />

Jquery:

$(document).ready(function () {
    $('#FileUploadControl').on("change", function () {
            $('#UploadButton').prop('disabled', !$(this).val());
        });
    });

该按钮已禁用,但我似乎无法启用它。

我也尝试过这里提到的方法,但由于某些原因它不起作用: disable submit button until file selected for upload

我必须使用 <asp:Button> 因为 <input type=submit> 不起作用。

我试过的其他提交按钮:

<input type="submit" id="UploadButton" value="Upload Image" runat="server" onclick="UploadButton_Click"/>

目前在 <head></head> 中使用:jquery-2.2.3.min.js

如果你想要启用按钮,你需要remove attr disabled而不是设置disabled=false

$(document).ready(function() {
  $('#FileUploadControl').on("change", function() {
    var val = $(this).val(),
      btn = $('#UploadButton');
    val ? btn.removeAttr("disabled") : btn.attr("disabled");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="file" id="FileUploadControl" />
  <input type="submit" value="submit" id="UploadButton" disabled>
</form>