テキストを短くしますが、ファイルタイプを表示したままにします

Question

これをどうすればいいですか？ から

を.jpgのこの-ある-非常に-LO [...] にこの--超長filename.jpgです。

Googleを数分間検索しましたが、解決策が見つかりません。私はこれをどのようにすることができるか知っていますか？

ありがとうございます！

Answer 1

あなたは本当にこのためのjQueryを必要としない、あなたは古典的なJavaScriptを使用することができます。

<script> 
    function truncate(n, len) { 
     var ext = n.substring(n.lastIndexOf(".") + 1, n.length).toLowerCase(); 
     var filename = n.replace('.'+ext,''); 
     if(filename.length <= len) { 
      return n; 
     } 
     filename = filename.substr(0, len) + (n.length > len ? '[...]' : ''); 
     return filename + '.' + ext; 
    }; 
    var s = 'this-is-a-very-very-very-long-file-name.jpg'; 
    console.log(truncate(s, 100)); //this-is-a-very-very-very-long-file-name.jpg 
    console.log(truncate(s, 10)); //this-is-a-[...].jpg 
    console.log(truncate(s, 4)); //this[...].jpg 
</script> 

Answer 2

使用このプラグイン：

http://papermashup.com/truncate-text-with-the-jtruncate-jquery-plugin/