Ember.js ember-plupload 拖放

Question

我想创建一个拖放上传文件 ember.js 应用程序，我正在尝试使用 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();
      });
    }
  }
});

再次采样。终于有结果了，页面

上传图片

将图像拖放到此区域以上传它们或添加图像。

但我不能将任何东西拖到上面。还有一个萤火虫日志：

正在实例化 FileInput...
尝试运行时：html5
Object {accept=[1], name="file", multiple=true, ...}
默认模式：浏览器
选中 模式：假
运行时“html5”初始化失败
尝试运行时：html4
Object {accept=[1], name="file", multiple=true, ...}
默认模式： 浏览器
选择的模式：false
运行时“html4”未能初始化
尝试运行时：flash
Object {accept=[1], name="file", multiple=true, ...}
select_multiple: true (兼容模式: null)
drag_and_drop: true（兼容模式：null）
默认模式：客户端
send_browser_cookies：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
Object {accept=[1], required_caps=Object, ...}
默认 模式：浏览器
选择模式：false
运行时“html4”失败 初始化
尝试运行时：flash
Object {accept=[1], required_caps=Object, ...}
select_multiple: true （兼容模式： null)
drag_and_drop: true (兼容模式：null)
默认模式： 客户端
拖放：真（兼容模式：空）
send_browser_cookies：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。

你好，拉法乌