JSFiddle - React, Tailwind, and code Playground

by Alexander

JavaScript

console.clear();
{    
    let users = [];

    let getImgUrl = (a,i) => {
       
       let url = a[i].src;
       let _ = url.split('/');

       if (_[_.length-1] == 'default.png') return null;

       fetch(url, {
            credentials: 'include', 
            mode: 'cors'
         })
         .then(r => r.blob())
         .then(d => {
             //console.log(URL.createObjectURL(d));
  	         const reader = new FileReader();
             reader.onloadend = ()=>{
                users[i].img = reader.result;
             };
             reader.readAsDataURL(d);
	     });
        
       return url;
    };

    let a = $$('a[data-username]>img');
    for (let i=0;i<4;i++) {
        let tr = a[i].parentNode.parentNode.parentNode;
        users[i] = {
            img: getImgUrl(a, i),
            name: tr.querySelector('td:nth-child(2)').innerText,
            position: tr.querySelector('td:nth-child(3)').innerText,
            department: tr.querySelector('td:nth-child(4)').innerText,
            skype: tr.querySelector('td:nth-child(5)').innerText,
            mail: tr.querySelector('td:nth-child(6)').innerText,
            phone: tr.querySelector('td:nth-child(7)').innerText
        };
    }

    console.log(users);
}