为什么我的输入onChange不能在Edge中工作？

Posted 2021-05-06

没有错误消息，文件被选中，但是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 = () => {
      }
}

答案

C应该在onChange中大写。

另一答案

我也遇到了这个问题，这个代码片段似乎在quill编辑器中用作图像上传器插件。

我将“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();
}

以上是关于为什么我的输入onChange不能在Edge中工作？的主要内容，如果未能解决你的问题，请参考以下文章

如何让这个动画在 Edge 中工作？

为啥我的 Vue 项目中的 promise.finally 不能在 Edge 中运行？

有没有办法让选项卡式 pdf 显示在 Edge 中工作？

为啥我的 XPath 查询（抓取 HTML 表）只能在 Firebug 中工作，而不能在我正在开发的应用程序中工作？

RTCPeerConnection 是不是在 Microsoft Edge 中工作？

为啥 setState() 在我的情况下不能在 React 中工作？