如果 input[type="file"] 上传了文件，JS / React 中有没有办法执行代码

【问题标题】：Is there a way in JS / React to execute code if input[type="file"] has a file uploaded如果 input[type="file"] 上传了文件，JS / React 中有没有办法执行代码
【发布时间】：2021-12-16 05:51:57
【问题描述】：

我只想在用户单击“添加文件”（当我们在 html 中使用输入类型文件时）并选择一个文件时执行一些代码。有没有办法做到这一点？

【问题讨论】：

标签： javascript

【解决方案1】：

是的，您可以像这样处理input 事件：

const input = document.querySelector('input');

input.addEventListener('input', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

您当然可以修改它以满足您的要求。此示例来自 Mozilla 文档 here

查看this 答案，您可能会发现它很有用。它适用于change 事件。

【讨论】：