/Javascript/AngularJS/How to trim the file name when length more than 10 in angular

How to trim the file name when length more than 10 in angular

    <script src="js/jquery.js"></script>
    <script>
     $(document).ready(function(){
                    $('.uploadFilesItemHeader').find('#fileName').each(function() {
                    var fileNames = this.innerText;
                    var leftRightStrings = fileNames.split('.');
                    //file name
                    var fName = leftRightStrings[0];
                    //file extension
                    var fExtention = leftRightStrings[1];
                    var lengthFname = fName.length;
                    //if file name without extension contains more than 15 characters   
                    if(lengthFname > 15){
                        $(this).html(fName.substr(0,10) + "..." + fName.substr(-5) + "." +fExtention);
                    }    
        }); 
}); 
    <script>

Source: stackoverflow.com

Similar codes

0 vote189 views3 answers
How to receive window.postmessage event in angular 9
Javascript AngularJS
2 votes170 views2 answers
Angular pipe conditionally
Javascript AngularJS
3 votes174 views2 answers
How to set default route in angular
Javascript AngularJS
1 vote159 views1 answer
Angular find value in json array
Javascript AngularJS
0 vote156 views1 answer
Fullcalendar angular add events
Javascript AngularJS
0 vote180 views1 answer
Parametro angulara con ruta y recarga de componente
Javascript AngularJS
3 votes173 views2 answers
Angular background image
Javascript AngularJS
0 vote151 views1 answer
Angular http call caching issue even after no-cache
Javascript AngularJS
3 votes168 views1 answer
Ternary operator angular template
Javascript AngularJS
0 vote155 views1 answer
How to add dropdown with filter in angular material
Javascript AngularJS