Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error when trying to display Image

See original GitHub issue

I want to display a Logo at the start of the PDF-File but it’s not working. I get this Error:

Uncaught TypeError: Cannot read property ‘nodeType’ of null at jspdf.min.js:1245.

function tbl1ToPDF() {
            var base64Img = null;
            imgToBase64('[PATH]', function (base64) {
                base64Img = base64;
            });
            var pageContent = function (data) {
                doc.setFontSize(10);
                doc.addImage(base64Img, 'PNG', data.settings.margin.left, 15, 10, 10);
                var str = "[TEXT] " + data.pageCount;
                doc.setFontSize(10);
                doc.text(str, data.settings.margin.left, doc.internal.pageSize.height - 10);
            };
            var currentdate = new Date();
            var datetime = currentdate.getDate() + "/" + (currentdate.getMonth() + 1) + "/" + currentdate.getFullYear();
            var doc = new jsPDF();
            doc.setFontSize(8);
            doc.text("[TEXT] " + datetime, 135, 16);
            doc.setFontSize(20);
            doc.text("[TEXT]", 10, 26);
            var elem = document.getElementById("tbl1");
            var res = doc.autoTableHtmlToJson(elem);
            doc.autoTable(res.columns, res.data, {
                addPageContent: pageContent,
                startY: 30
            });
            doc.save("[NAME].pdf");
            return doc;
        }

This is the imgToBase64 function:

        function imgToBase64(url, callback) {
            if (!window.FileReader) {
                callback(null);
                return;
            }
            var xhr = new XMLHttpRequest();
            xhr.responseType = 'blob';
            xhr.onload = function () {
                var reader = new FileReader();
                reader.onloadend = function () {
                    callback(reader.result.replace('text/xml', 'image/jpeg'));
                };
                reader.readAsDataURL(xhr.response);
            };
            xhr.open('GET', url);
            xhr.send();
        }

Please help me fix this error. Huge Thanks for this awesome Plugin btw!

EDIT: I also tried to change the line

callback(reader.result.replace('text/xml', 'image/jpeg))' to callback(reader.result.replace('text/xml', 'image/png))' but it’s not working too…