Ember.js 如何通过Ember显示jquery上传缩略图

当jquery文件将图像上传到缩略图时，当我使用Ember渲染视图时，它不会正确显示它们。显示的画布为空，或者余烬试图获取未找到的blob:http

所以当jquery upload处理完图像大小并调用'fileuploadprocessdone'

相应的文件将添加到控制器中的文件数组中：

App.VideosNewController = Ember.ObjectController.extend(
  files: []

  actions:
    addFile: (file) ->
      @files.pushObject file
)

并更新模板：

{{#each file in files}}
  {{{file.preview.outerHTML}}}
{{/each}}

根据jquery文件上载设置previewCanvas-Ember尝试获取404未找到的blob:http引用

previewCanvas: false
...

GET blob:http%3A//localhost%3A3000/8e2869ad-8e44-4701-a56c-a2ad2fdafa07 404 (Not Found)

或者它呈现一个空的HTML画布元素

previewCanvas: true
...

<canvas width="80" height="45"></canvas><!-- THIS DOES NOT SHOW ANYTHING -->

如果我直接从jquery渲染这些，那么所有内容都会正确显示

 .on('fileuploadprocessdone', (e, data) ->
   node = data.context.children()
   node.prepend('<br>').prepend(file.preview) if file.preview

我不太明白，为什么在使用jquery插入时正确显示这些内容，而不是使用Ember。如何使用Ember正确显示这些预览

 .on('fileuploadprocessdone', (e, data) ->
   node = data.context.children()
   node.prepend('<br>').prepend(file.preview) if file.preview