Error when using lightbox with data:image URLs that are base64

[muftaye]

I get the below error when trying to use the lightbox with data base64 urls. Everything works excepts when clicking on the image, the lightbox does not open and the error below is provided in the console.

      Failed to construct 'URL': Invalid URL

Here is the code I am using. It works fine when I use an actual URL to an image on the server, but not with data base64 URLs.

<a data-remote="data:image/jpeg;base64,/9j/4AAQ..." data-toggle="lightbox" data-gallery="user-gal"> <img src="data:image/jpeg;base64,/9j/4AAQ..." class="img-fluid"> </a>

Does this not support these data URLs? Or am I doing something wrong for this specifically?

[trvswgnr]

Currently it uses URL to construct the url, so no that wouldn't be supported currently. Maybe I can add a check for data: and use the raw string. In the meantime maybe you could use the HTML type with an image tag?

<p>
  <a href="#" data-src="<img src='data:image...'>" data-type="html" data-title="Custom HTML" data-toggle="lightbox" data-gallery="custom-html">Custom HTML</a>
</p>

[muftaye]

Yea that works too. I think adding the check to not construct the url if its a data url or adding a new data type would both work as well.

[trvswgnr]

Reopening this for feature planning.