How to make array output js split?

Question

css

Hello.
Please fix how to do it right...

if( typeof respond.error === 'undefined' ){

        var files_path = respond.files;
        
        console.log("HELLO 2");
        
        var html = '';
        $.each( files_path, function( key, val ){ html += val +'<br>'; } )
  
        var str = html;
        var re = str.split("/home/user/www/");
        html = "https://" + re[1];
            
        $('.ajax-respond').html( html );
      }

The point is that I can have several elements, but I need to remove the excess and for this I use split.
If there is only one element, everything is fine.
If there are several elements, it displays only 1 element.

How can I make it work the same way it worked without split?
I understand that you need to set an array, but I can’t catch up with something.

Answer 1

I think it's a generic background with two radial gradients. And in front of 3 gradients make translucent.

Answer 2

a few svgs as an option. You have to try several ways.

Answer 3

//...начиная со строки с $.each:

$.each( files_path, function( key, val ){ 
  html += "https://" + val.replace(/^\/home\/user\/www\//, "") +'<br>'; 
} )
//... остальное убираем и далее:
$('.ajax-respond').html( html );

that is, in order for the processing to go through all the elements, we put all the transformations in a loop.
As for the regular expression: if "/home/user/www/" is always expected only at the beginning, then it is valid. If this substring can be in the middle of the string, then replace it with this:
/.*\/home\/user\/www\//