将 filepicker.io 模式视图绑定到 Bootstrap 3 组件的正确方法是什么？答案

【问题标题】：What is the proper way to bind a filepicker.io modal view to a Bootstrap 3 component?将 filepicker.io 模式视图绑定到 Bootstrap 3 组件的正确方法是什么？
【发布时间】：2013-11-13 13:58:05
【问题描述】：

这是困扰我一段时间的事情。是否有适当的方法将 filepicker.io 元素或模式视图绑定到不会导致任何奇怪视觉外观的 Bootstrap（2 或 3）组件（例如按钮）？我已经翻阅了适用于 filepicker.io 和 Bootstrap（2 和 3）的文档，并使用了创建 filepicker.io 小部件的方法。这可行，但会产生尴尬的视觉外观，并且没有任何对象绑定到 Bootstrap（2 或 3）元素。非常感谢任何帮助！

【问题讨论】：

标签： ruby-on-rails ruby twitter-bootstrap twitter-bootstrap-3 filepicker.io

【解决方案1】：

查看 Jansy 的构建 - http://jasny.github.io/bootstrap/javascript/#fileinput

您可以使用一个小的附加文件扩展您当前的引导程序，这很好。我用它来上传文件……很漂亮。

【讨论】：

哇，这是一个很好的资源！在使用 Rails 时，是否需要 filepicker-rails (github.com/Ink/filepicker-rails)？
没有。我从来没有在上传时使用过宝石。 <%= form_tag upload_somewhere_path, multipart: true do %><%= file_field_tag :file %><% end %>
嗯...我知道你在那里使用什么。这很整洁。该 gem / plugin 为您提供了一些非常不错的功能。不过，我还没有对图像进行任何后期处理，只需将其放入 s3，并使用 ec2 处理大小。不过，它似乎可以一起工作。
好的！另外，如何从 Jansy Bootstrap 获取“扩展”包？
jasny.github.io/bootstrap - 扩展... 获取 css 文件和 js 文件。将它们分别放入您的资产管道、样式表和 javascripts 中。