Question

我一直在努力寻找如何使用JS / Jquery在“选择文件”上附加默认图像的答案。我的目标是，如果用户忘记附加图像，则我想默认使用一些图像URL。这样，如果用户单击“提交”按钮，则将上传该默认图像。我知道这是执行此操作的低效率方式，我只想知道如何处理正在上传的文件。

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

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

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

1 个答案: