Error with image URL

So I've got an error like that

.../node_modules/epub-gen/lib/index.js:169
            mediaType = mime.getType(url.replace(/\?.*/, ""));
                                         ^
TypeError: Cannot read properties of undefined (reading 'replace')

which I fixed by adding if

if (url) { // 162
    if (image = self.options.images.find(function(element) {
      return element.url === url;
    })) {
      id = image.id;
      extension = image.extension;
    } else {
      id = uuid();
      mediaType = mime.getType(url.replace(/\?.*/, ""));
      extension = mime.getExtension(mediaType);
      dir = content.dir;
      self.options.images.push({id, url, dir, mediaType, extension});
    }
    return $(elem).attr("src", `images/${id}.${extension}`);
}

I don't know if there is more to that - maybe an image wasn't downloaded properly - it fixed error and gave valid epub so...

[valexandersaulys]

I have also encountered this issue fwiw.

[1Cr18Ni9]

Removing all malicious picture before generating epub file can resolve this issue. Like this:

// remove all img element that are not specified src attribute, src pointe to img source url:
document.querySelectorAll('img:not([src])').forEach(e => e.remove());

// then generate file with correct content
new Epub(option, "/path/to/book/file/path.epub");

[lapwat]

Sometimes, the url is stored in the srcset attribute. We can copy it in the src attribute.

import { JSDOM } from 'jsdom';

const doc = new JSDOM(htmlStrContent).window.document;

// remove all img element that are missing a src attribute
doc.querySelectorAll('img:not([src])').forEach(e => {
  if (e.hasAttribute('srcset')) {
    e.setAttribute('src', e.getAttribute('srcset'));
  } else {
    e.remove();
  }
});

const content = {
  title: 'Title',
  data: doc.body.innerHTML,
}