Văn bản ngắn gọn nhưng để nguyên mẫu hiển thị

Question

Làm cách nào để tôi có thể thực hiện điều này?

Từ này-là-một-rất-lâu-filename.jpg để này-là-một-rất-lo [...] .jpg.

Tôi đã tìm kiếm Google vài phút nhưng tôi không thể tìm thấy giải pháp nào cho điều này. Bạn có biết làm thế nào tôi có thể làm điều này?

Cảm ơn trước!

Answer 1

Bạn không thực sự cần jQuery cho điều này, bạn có thể sử dụng javascript cổ điển:

<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

sử dụng plugin này:

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