缩短视图中的文件上载名称 - Rails / Paperclip / Bootstrap

Question

我正在使用Jasny的Bootstrap插件在使用paperclip的rails应用程序中上传文件。它运行正常，但我想截断上传前预览的文件名。

选择文件后，我希望文件上传预览文本说'example_fil ...'而不是'example_file_for_practice.jpg'。

是否有任何技术可以在视图（可疑）或Bootstrap / Jasny中执行此操作？

另外，我知道有人会告诉我查看jquery文件上传插件 - 它非常棒！不过，我想在继续之前尝试解决这个问题。

Answer 1

我正在做类似的事情，但我没有使用Ruby缩短长度，而是使用CSS。如果文本长度超出我的div标签的span4类，它将在末尾添加...而不是换行到下一行。

li .text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

所以，在我看来，我会有这样的事情：

<li class="text"><%= video.name %></li>

它会显示类似于下面的内容。