在視圖中縮短文件上傳名稱 - Rails/Paperclip/Bootstrap

Question

我在使用回形針的Rails應用程序中使用Jasny的Bootstrap插件進行文件上載。它工作正常，但我想截斷上傳前預覽的文件名。

選擇文件後，我希望文件上傳預覽文本可以說'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>

，它會顯示一個類似下面。