javascript - 尝试使用带有 ember 的熊猫上传器

Question

我正在尝试在带有 ember.js 的 rails 应用程序中使用熊猫上传器。

熊猫上传器在这里：

http://www.pandastream.com/docs/uploader

ember 中的某些东西干扰了功能。每当您尝试执行以下 javascript 代码来初始化 panda 上传器时，就会发生错误。

<script src="//cdn.pandastream.com/u/2.0/panda-uploader.min.js"></script>

<input type="hidden" name="panda_video_id"/>

<!-- upload progress bar (optional) -->
<div class='progress'><span id="progress-bar" class='bar'></span></div>

<!-- file selector -->
<div id="browse">Choose file</div>

<script>

  panda.uploader.init({
    'buttonId': 'browse',
    'progressBarId': 'progress-bar',
    'onSuccess': function(file, data) {
      alert('success');
      $("#panda_video_id").val(data.id)
    }
  });

</script>

我收到的错误是：

TypeError：a.attachEvent 不是 anda-uploader.min.js 中的函数。即使此代码存在于 ember 模板之外，Ember 也肯定会干扰功能。也许我做错了什么，因为我对 Ember 比较陌生。

Answer 1

尝试这个：

    $(document).ready(function () {   
         var upl = panda.uploader.init({
                'buttonId': "browse-files",
                'maxFileSize': '10MB',
                'confirmBeforeUnload': true,
                'authorizeUrl': '@Url.Action("SomeMethod","SomeController")',
                'onProgress': function (file, percent) {
                    $("upload_progress", percent, "%");
                },
                'progressBarId': "upload_progress",
                'onSuccess': function (file, data) {
                    $("#video_id").val(data.id);
                }
            });
     });