为什么我的 onChange 输入在 Edge 中不起作用？答案

【问题标题】：Why doesn't my input onChange work in Edge?为什么我的 onChange 输入在 Edge 中不起作用？
【发布时间】：2018-06-05 12:01:32
【问题描述】：

没有错误消息，文件被选中，但是 input.onchange = () => {} 永远不会被调用。

我在 HTML 的顶部添加了：没有结果。知道为什么这在 Edge 中不起作用吗？

 toolbar.addHandler('image', () => {   
          const range = this.quillReply.getSelection();
          this.selectLocalImage()
         
      })
      toolbar.addHandler('link', (value) => {
          if (value) {
              var href = prompt('Enter the URL');
              this.quillReply.format('link', href);
          } else {
              this.quillReply.format('link', false);
          }
      });
  }
  selectLocalImage = () => {
      const input = document.createElement('input');
      input.setAttribute('type', 'file');
      input.click();
      // Listen upload local image and save to server
      input.onchange = () => {
      }
}

【问题讨论】：

您是否尝试过使用addEventListener 代替相同的逻辑？

标签： javascript input onchange microsoft-edge

【解决方案1】：

onChange 中的 C 应大写。

【讨论】：

【解决方案2】：

我也遇到了这个问题，这段代码sn-ps好像是在quill editor中作为图片上传插件使用的。

我将“selectLocalImage”功能更改为以下后解决了：

/**
* Select local image
*/
selectLocalImage = () => {
  const input = document.createElement('input');
  input.setAttribute('type', 'file');
  input.addEventListener('change', () => {
    // do something like upload local image and save to server
  });
  input.click();
}

在 edge 44 和 chrome 71 中测试。

【讨论】：