Requesting extractor for fetlife.com

[Ogwalla]

No description provided.

[mikf]

Examples:

• https://fetlife.com/users/3387144/pictures
• https://fetlife.com/users/3387144/pictures/59967438
• https://pic-u2000-3.fetlife.com/3387144/00055052-ed2a-98d9-efe2-3081a1a55ac8/u2000.jpg?token=***

[dic-l-art]

reposting tags from #1244

Examples:

• https://fetlife.com/users/3387144/pictures

NSFW

• https://fetlife.com/users/3387144/pictures/59967438

"{this link may or may not be NSFW}" == SFW

[yusufbromack]

The biggest issue with fetlife is the service-worker.js that intercepts client side fetch requests and rewrites the headers. I'm still working on it but it's a pita for sure.

In the meantime, here's a quick IIFE I wrote in javascript to grab individual photos. tldr; it creates a new dom img object that has the u2000 tokenized url as the src, allowing it to be right clicked and downloaded. **updated to reuse the imgcontainer if ran multiple times, sets it to be on top of the other containers (was getting buried below comments)

(() => {
  function getimage() {
    const images = document.querySelectorAll('img');
    let arr = [];
    for (let i = 0; i < images.length; i++) {
      if (images[i].currentSrc.includes('u1000')) {
        arr.push(images[i]);
      }
    }
    return arr;
  }

  function setid(arr) {
    let image;
    for (let i = 0; i < arr.length; i++) {
      let imgElement = arr[i];
      imgElement.id = `myImage`;
      image = imgElement;
    }
    return image;
  }

  function get2xsrc(image) {
    const srcset = image.getAttribute('srcset');
    const regex = /1x, (.*?) 2x/;
    const match = srcset.match(regex);
    let chosenSrc = '';
    if (match) {
      const url = match[1];
      chosenSrc = url;
    }
    return chosenSrc;
  }

  function makeimgcontainer(chosenSrc) {
    const fn = window.location.href.split('/').pop();
    let imgcontainer = document.getElementById('img-container');

    if (!imgcontainer) {
      imgcontainer = document.createElement('div');
      imgcontainer.id = 'img-container';
      imgcontainer.style.position = 'absolute';
      imgcontainer.style.zIndex = '9999';
      imgcontainer.style.display = 'grid';
      imgcontainer.style.gridTemplateColumns = 'repeat(4, 1fr)';
      imgcontainer.style.gap = '2px';
      imgcontainer.style.border = '1px solid #DDDDDD';
      imgcontainer.style.overflow = 'hidden';
      imgcontainer.style.display = 'inline-block';
      imgcontainer.style.width = '25%';
      document.body.appendChild(imgcontainer);
    }

    const img = document.createElement('img');
    img.src = chosenSrc;
    img.id = 'img-img'
    img.style.width = '100%';
    img.style.height = 'auto';

    imgcontainer.appendChild(img);
  }

  const images = getimage();
  if (images.length > 0) {
    const image = setid(images);
    const chosenSrc = get2xsrc(image);

    if (chosenSrc) {
      makeimgcontainer(chosenSrc);
    }
  }
})();