在具有操作的绝对 div 上插入 "input type=file" 时出错 - ember.js

Question

在我的 ember 应用程序中，我需要上传图像并需要捕获文件的更改。所以我按以下方式使用视图

export default Ember.TextField.extend({
  type: 'file',
  accept: 'image/*',

  click: function() {
    this.dispatchEvent(event.originalEvent);
    return false;
  },

  change: function(evt) {
    console.log("Photo upload");
  }
});

"click" 事件单独处理是有原因的。这个视图一直工作正常，直到我在另一个视图中使用它，它本身处理一个整体的动作。

所以我不得不明确地处理这个事件并且 return 错误。

现在我这里遇到的错误是..

Uncaught TypeError: this.dispatchEvent is not a function

我搜索了一下，发现这可能是因为与 JQuery 的 $ 变量冲突，我应该添加

<script>jQuery.noConflict();</script>

但我不确定在 Ember-CLI 中的什么地方添加它。

现在这里可能有两个修复，我应该调用"file"字段的原始事件或在正确的地方添加"jQuery.noConflict()"。

请提供修复程序或任何适合实现此功能的方法。

Answer 1

我必须添加这些行而不是我添加的行

click: function(el) {
  this.triggerAction(); 
  el.stopPropagation();
}

找到here

在具有操作的绝对 div 上插入 "input type=file" 时出错 - ember.js

Error while inserting "input type=file" on an absolute div having action - ember.js

html

javascript

jquery

input-type-file

ember.js