Question

我有用户可以上传文件的表单，但如果输入类型文件不包含文件，我想要禁用上传按钮我该怎么做？

<form action="/upload" method="post" enctype="multipart/form-data">
    <div class="form-inline">
        <div class="form-group">
            <input type="file" name="fileUploaded">
        </div>
        <button type="submit" class="btn btn-sm btn-primary">Upload file</button>
    </div>
</form>

Answer 1

您应该将属性禁用添加到按钮

<button type="submit" class="btn btn-sm btn-primary" disabled>Upload file</button>

然后我们将使用代码观察更改，以便在输入类型文件包含任何文件时启用按钮

$('input[type=file]').change(function(){
    if($('input[type=file]').val()==''){
        $('button').attr('disabled',true)
    } 
    else{
      $('button').attr('disabled',false);
    }
})

在这里演示：https://jsfiddle.net/IA7medd/08eekkbt/

Answer 2

Have a look here.

我喜欢链接帖子中的这个解决方案：

<input type="file" id="selectedFile" style="display: none;" />
<input type="button" value="Browse..." onclick="document.getElementById('selectedFile').click();" />

如果引导程序

2 个答案: