Javascript 确定文件的输入何时包含值

我有一个文件输入和提交输入的应用程序。我希望在文件输入有值之前禁用提交输入。如何使用JS检查此类信息？我尝试在文件输入中添加一个“必需”，但仍然不起作用

我是否应该使用PHP并检查$\u文件是否为set（）

我是否应该使用PHP并检查$\u文件是否为set（）

确保服务器得到预期的结果是一种很好的做法。因此，是的，对文件和最终的错误的额外检查也应该在服务器上进行

下面是一个您希望在客户端实现的示例

HTML

试试这个

<form name="form1">
          <input type="file" name="image" id="file_upload">
          <input type="submit" name="submit" id="btn_submit" >
        </form>

jQuery(document).ready(function()
{    
    /*To disable the button on load*/ 
    jQuery("#btn_submit").attr('disabled','disabled'); 


     jQuery("#file_upload").change(function()
    {       
       var file_value= jQuery(this).val();
      if(jQuery(this).val() === '')
      {                                          

        jQuery("#btn_submit").attr('disabled','disabled');                                         
      }
      else
      {
        jQuery("#btn_submit").removeAttr('disabled');
      }
  });
});

jQuery（文档）.ready（函数（）
{    
/*要禁用加载时的按钮*/
jQuery（“#btn_submit”）.attr（'disabled'，'disabled'）；
jQuery（“文件上传”）.change（函数（）
{       
var file_value=jQuery（this.val（）；
if（jQuery（this）.val（）=''）
{                                          
jQuery（“#btn_submit”）.attr（'disabled'，'disabled'）；
}
其他的
{
jQuery（“#btn_submit”）.removeAttr（'disabled'）；
}
});
});

你不是已经这么做了吗？“提交输入被禁用直到…”意味着JS端已经工作了。请澄清。@LeonAdler我把说明写错了！对不起……可能是重复的

function changed() {
    var form = document.forms.fileForm;
    if(form.image.value.length > 0) {
        form.submit.removeAttribute("disabled");
    } else {
        form.submit.setAttribute("disabled", "");
    }
}

<form name="form1">
          <input type="file" name="image" id="file_upload">
          <input type="submit" name="submit" id="btn_submit" >
        </form>

jQuery(document).ready(function()
{    
    /*To disable the button on load*/ 
    jQuery("#btn_submit").attr('disabled','disabled'); 


     jQuery("#file_upload").change(function()
    {       
       var file_value= jQuery(this).val();
      if(jQuery(this).val() === '')
      {                                          

        jQuery("#btn_submit").attr('disabled','disabled');                                         
      }
      else
      {
        jQuery("#btn_submit").removeAttr('disabled');
      }
  });
});