Javascript 如何在不使用其他按钮的情况下检查jquery中的输入文件是否为空

我想检测是否已选择图像。如果是，则显示一些文本；如果为空，则显示其他文本。一旦选择图像，在单击按钮后不应自动显示不同的消息。下面是我的代码

Html

<input type="file" name="picture" id="image" />
<div id="message">Add image</div>

---

您可以在

输入上设置侦听器

，并更改

消息

的内容，如下所示：

$（文档）.ready（函数（）{
$（'#image'）。在（'change'，function（）上{
$（'#message'）.html（'您选择了一个图像'）；
});
});

添加图像
您可以将select与预定义图像一起使用，并使用jQuery监视所选项目中的任何更改。在加载DOM时执行jQuery，这样文件输入就不会有长度，在文件输入更改时也不会执行该代码这是一种非常奇怪的结构。似乎您将文档准备就绪时应该存在的
函数（）{}
向下移动到if语句中。
$(document).ready(
 if ($('#image').get(0).files.length !== 0) {
  function() {
    $('#message').text('You added an image');
   }
 }
);