ember.js - DOM 更新完成后，访问视图对应的 DOM 元素的属性

Question

这就是我正在尝试的：

FileReader使用 ember 视图预览用选择的图像。
获取有关所选图像的信息 ( naturalWidth)。为此，我正在做的是使用 jQuery 和 ember 获取相关的 DOM 元素elementId

（不知道有没有更好的方法来获取相关的 DOM 元素，甚至更好，直接从视图对象中访问 DOM 元素的属性，甚至完全不用访问 DOM）

我遇到的主要问题是，每当更新元素的src属性img（因为选择了新文件）时，元素属性都不会立即可用。这些值只是在加载数据之前设置的值。第一次选择时：

width=100 height=0 naturalWidth=0 naturalHeight=0

（在连续选择中，找到旧图像的参数）

我想 DOM 元素需要一些时间来处理src属性中的新数据。DOM 完成更新元素时如何触发操作？

（这不是关于元素的创建，因为它已经存在，而是关于更新完成）

score 0 · Accepted Answer

我想你可以使用didInsertElement：

App.PreviewUploadImage = Ember.ContainerView.extend({
didInsertElement:function(){
console.log(this.$().find('img'));
},

1 回答 1