如何使用 Carrierwave、Backbone、Plupload 将异步文件上传附加到模型？

Question

我正在努力实现 Thoughtbot Q/A 演讲前 5 分钟所讨论的内容；异步上传文件，然后保留模型及其附加的文件。

http://ui.thoughtbot.com/assets/backbone_js_rails_chat_episode_1_part_1.m4a

我已经设置up 后端上的 Carrierwave 和客户端上的 Plupload，我能够使请求并上传文件。但是我不确定如何发送响应中讨论的令牌，然后保留模型。

所以我有一个带有标题输入和一个添加图像的 plupload 按钮的表单，然后我有一个应该进行上传的保存按钮，然后保存模型（照片，带有安装的 Carrierwave 上传器和标题属性）

如何我可以将这两个请求合并到一个按钮上提交吗？ 这一切将如何实施？

Answer 1

如果 iframe 目标（上传）位于同一服务器上，您可以返回类似于 JSONP 的内容。然后

var functionUpload(model, $inputform) {
   var cbName = 'cb' + Math.floor((Math.random()*100000)+1));
   document[cbName] = function (id) {
     model.set({binID: id}); // or just refetch
   } 
   $inputform.attr('action', uploadURL+'callback='cbName);
   $inputform.trigger('submit');
}

让上传脚本返回

<script>
  document.parent.cb12354(123);
</script>