javascript - jQuery：如何在文件上传后启用保存 btn

Question

实现这一目标的最佳方法是什么。试图弄清楚如何在文件上传后启用提交 Btn。可能吗？希望我能清楚地解释自己。先感谢您。

HTML 代码

    <div class="form-group row">
        <div class="col-sm-6">
            <div id="divPharmacy">
                <label asp-for="Pharmacy">Pharmacy Location</label>
                <select asp-for="Pharmacy" class="form-control"
                    id="Pharmacy" required>
                    <option value="" selected>-- Please choose an option --</option>
                    <option value="CVS">CVS</option>
                    <option value="Publix">Publix</option>
                    <option value="Walgreens">Walgreens</option>
                </select>
                <br />
                <div>
                    <input type="file"  id="upload-file" name="myfile" /><br />
                    <input type="submit" class="btn btn-danger" value="Upload" />
                </div>
            </div>
        </div>
    </div>
    <div class="text-center">
            <button id="btnSubmit" value="Validate!" id="upload" type="submit"
                class="btn btn-success text-center"
            asp-action="FinalView" disabled>Save</button>
    </div>

jQuery代码在文件上传后启用上传按钮

$(document).ready(function () {
  $("input:submit").attr("disabled", true);
  $("input:file").change(function () {
    if ($(this).val()) {
      $("input:submit").removeAttr("disabled");
    } else {
      $("input:submit").attr("disabled", true);
    }
  });  
});

标签： javascriptjquerydombutton

Answer 1

在 ajax 调用中，一旦您上传文件，它就会成功返回，您可以在此处启用它@jerson 在评论中也提到了同样的事情。