完成DOM更新后,访问与视图对应的DOM元素的属性

时间:2013-09-23 10:51:35

标签: ember.js

这就是我trying

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

    (我不知道是否有更好的方法来获取相关的DOM元素,甚至更好,直接从视图对象访问DOM元素的属性,甚至根本不访问DOM)

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

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

    (在连续选择时,找到旧图像中的参数)

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

    (这不是关于元素的创建,因为它已经存在,但关于更新完成)

1 个答案:

答案 0 :(得分:0)

我认为您可以使用didInsertElement

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