在选择文件上附加默认图像答案

【问题标题】：Attaching default image on Choose FIle在选择文件上附加默认图像
【发布时间】：2018-09-16 21:22:49
【问题描述】：

我一直在寻找并努力寻找如何使用 JS/Jquery 在“选择文件”上附加默认图像的答案。我的目标是，如果用户忘记附加图像，我希望有一些默认的图像 url。因此，如果用户单击提交按钮，则会上传默认图像。我知道这样做的效率很低，我只想知道如何操作正在上传的文件。

<html>
    <body>
        <input type="file"/>
        <input type="submit">
    </body>
</html>

【问题讨论】：

只检查图像是否存在，如果图像存在（用户已选择图像）提交表单，否则，阻止提交并向用户说明正在发生的事情（告诉他选择例如图片）。
这就是为什么我说“我知道这样做的效率很低”。因为我已经意识到了。我需要它用于不同的目的。
出于安全原因，您不能为输入类型文件设置默认值。也许您可以尝试，在后端脚本中，您可以检查图像是否存在，如果不存在，请从网上获取一张。

标签： javascript jquery file input

【解决方案1】：

您可以为提交按钮添加一个事件监听器，并首先检查用户是否选择了任何文件

<input id="get-file" type="file">
<input id="submit-file" type="submit">
<script>

const inputField = document.querySelector('#get-file');
const submitButton  = document.querySelector('#submit-file');

submitButton.addEventListener('click', function() {
  // This is where you check whether user uploaded a file or not
  if (!inputField.value) {
    // Operate on the default file if user doesn't provide any

    // Make sure you exit the function
    return;
  }
  // User uploaded a file so operate on it here
});
</script>

【讨论】：

我真正感兴趣的部分是您所说的“//如果用户不提供任何文件，则对默认文件进行操作”这是我只需要的部分。而你没有提供。
但是我不知道你要对图像做什么，你只是问是否可以使用默认图像。