余烬观察DOM元素

余烬观察DOM元素,dom,ember.js,Dom,Ember.js,我有一个 在我的家里。如果此输入中的文件发生更改,是否可以使用余烬技术触发操作,或者我是否必须使用第三方LIB,如jquery observe?是的,当然可以 可以按如下方式创建文件字段组件: // put in components/file-field.js if you are using ember-cli import Ember from "ember" export default Ember.TextField.extend({ type: 'file',

我有一个



在我的家里。如果此输入中的文件发生更改,是否可以使用余烬技术触发操作,或者我是否必须使用第三方LIB,如jquery observe?

是的,当然可以

可以按如下方式创建文件字段组件:

// put in components/file-field.js if you are using ember-cli

import Ember from "ember"

export default Ember.TextField.extend({
    type: 'file',
    attributeBindings: ['multiple'],
    multiple: false,
    change: function(event) {
        var input = event.target();
        if (!Ember.isEmpty(input.files)) {
            this.sendAction("filesChanged", input.files);
        }
    }
});
现在将其放置在模板中以代替

然后在控制器中或此操作将冒泡的某个路由中,定义uploadFile操作:

actions: {
    uploadFile: function(files) {
        // put your ajax call to upload the file(s) here
    }
}
虽然这足以让您开始学习,但我绝对建议您在实际应用程序中使用类似的方法

actions: {
    uploadFile: function(files) {
        // put your ajax call to upload the file(s) here
    }
}