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

Question

我怎样才能做到这一点？

从这是一个非常长的filename.jpg到这是一个非常低的.jpg.

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

提前致谢!

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>