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

Question

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

标签： javascript

Answer 1

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

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

input.addEventListener('input', updateValue);

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

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

看看这个你可能也会觉得有用的答案。它适用于change事件。