缩短文本，但保持文件类型可见

Question

我怎样才能做到这一点？

从 this-is-a-very-long-filename.jpg 到 this-is-a-very-lo [...] .jpg 。< / p>

我已经在谷歌搜索了几分钟，但我找不到任何解决方案。你知道我怎么做吗？

提前致谢！

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/