如果输入类型文件在引导程序中为空，则禁用按钮

【问题标题】：Make button disabled if input type file is empty in bootstrap如果输入类型文件在引导程序中为空，则禁用按钮
【发布时间】：2016-09-10 15:25:34
【问题描述】：

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

<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>

【问题讨论】：

标签： jquery html twitter-bootstrap

【解决方案1】：

你应该为按钮添加属性 disabled

<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/

【讨论】：

【解决方案2】：

Have a look here.

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

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

【讨论】：