Ember.js ember-plupload拖放

Question

我想創建一個拖放上傳文件ember.js app，我正在嘗試使用ember-plupload，但是我無法使plupload工作，這是我的代碼：

{{#pl-uploader for="upload-image" extensions="jpg jpeg png gif" onfileadd="uploadImage" as |queue dropzone|}}
  <div class="dropzone" id={{dropzone.id}}>
    {{#if dropzone.active}}
      {{#if dropzone.valid}}
        Drop to upload
      {{else}}
        Invalid
      {{/if}}
    {{else if queue.length}}
      Uploading {{queue.length}} files. ({{queue.progress}}%)
    {{else}}
      <h4>Upload Images</h4>
      <p>
        {{#if dropzone.enabled}}
          Drag and drop images onto this area to upload them or
        {{/if}}
        <a id="upload-image">Add an Image.</a>
      </p>
    {{/if}}
  </div>
{{/pl-uploader}}
{{outlet}}

它是plupload的示例模板。 一條路線：

import Ember from "ember";

const get = Ember.get;
const set = Ember.set;

export default Ember.Route.extend({

  actions: {
    uploadImage: function (file) {
      var product = this.modelFor('product');
      var image = this.store.createRecord('image', {
        product: product,
        filename: get(file, 'name'),
        filesize: get(file, 'size')
      });

      file.read().then(function (url) {
        if (get(image, 'url') == null) {
          set(image, 'url', url);
        }
      });

      file.upload('/api/images/upload').then(function (response) {
        set(image, 'url', response.headers.Location);
        return image.save();
      }, function () {
        image.rollback();
      });
    }
  }
});

再次采樣。 最后有結果，頁面

上傳圖片

將圖像拖放到此區域以上載它們或添加圖像。

但是我不能把任何東西拖到它上面。 一個firebug日志：

實例化FileInput ...
嘗試運行時：html5
對象{accept = [1]，name =“file”，multiple = true，...}
默認模式：瀏覽器
選擇模式：false
運行時'html5'無法初始化
嘗試運行時：html4
對象{accept = [1]，name =“file”，multiple = true，...}
默認模式：瀏覽器
選擇模式：false
運行時'html4'無法初始化
嘗試運行時：flash
對象{accept = [1]，name =“file”，multiple = true，...}
select_multiple：true（兼容模式：null）
drag_and_drop：true（兼容模式：null）
默認模式：客戶端
send_browser_cookies：false（兼容模式：客戶端）
select_file：true（兼容模式：客戶端）
選擇模式：false
運行時'flash'無法初始化
嘗試運行時：silverlight
對象{accept = [1]，name =“file”，multiple = true，...}
select_multiple：true（兼容模式：null）
drag_and_drop：true（兼容模式：null）
默認模式：瀏覽器
send_browser_cookies：false（兼容模式：客戶端）
select_file：true（兼容模式：客戶端）
未安裝Silverlight或未滿足最低版本（2.0.31005.0）要求（不太可能）。
選擇模式：false
運行時'silverlight'無法初始化
實例化FileDrop ...
嘗試運行時：html5
對象{accept = [1]，required_caps = Object，...}
默認模式：瀏覽器
選擇模式：false
運行時'html5'無法初始化
嘗試運行時：html4
對象{accept = [1]，required_caps = Object，...}
默認模式：瀏覽器
選擇模式：false
運行時'html4'無法初始化
嘗試運行時：flash
對象{accept = [1]，required_caps = Object，...}
select_multiple：true（兼容模式：null）
drag_and_drop：true（兼容模式：null）
默認模式：客戶端
drag_and_drop：true（兼容模式：null）
send_browser_cookies：false（兼容模式：客戶端）
select_file：true（兼容模式：客戶端）
選擇模式：false
運行時'flash'無法初始化
嘗試運行時：silverlight
對象{accept = [1]，required_caps = Object，...}
select_multiple：true（兼容模式：null）
drag_and_drop：true（兼容模式：null）
默認模式：瀏覽器
drag_and_drop：true（兼容模式：null）
send_browser_cookies：false（兼容模式：客戶端）
select_file：true（兼容模式：客戶端）
未安裝Silverlight或未滿足最低版本（2.0.31005.0）要求（不太可能）。
選擇模式：false
運行時'silverlight'無法初始化

在那種情況下我該怎么辦？ 問候，拉法

Answer 1

我在作者的github頁面上創建了一個問題，問題立即得到了解決，因此案例已經結束，感謝Tim的大力支持。

有一個新的工作版本的ember-plupload。

問候，拉法