Блог

Я использую следующую функцию для загрузки div при нажатии кнопки в формате PDF в моем проекте.

 function printDocument() {
    htmlToImage.toPng(document.getElementById('divToPrint'), { quality: 0.95 })
        .then(function (dataUrl) {
            const link = document.createElement('a');
            link.download = 'my-image-name.jpeg';
            const pdf = new jsPDF();
            const imgProps= pdf.getImageProperties(dataUrl);
            const pdfWidth = pdf.internal.pageSize.getWidth();
            const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
            pdf.addImage(dataUrl, 'PNG', 0, 0,pdfWidth, pdfHeight);
            pdf.save("download.pdf");
        });
}
 

Ниже приведена таблица, которую я загружаю

  <table className={classes.cart}>
                                <thead>
                                <tr>
                                    <th>Quantity</th>
                                    <th>StockID</th>
                                    <th>Description</th>
                                    <th>Price</th>
                                    <th>Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                cartItems.map(item =>
                <tr>
                    <td>{item.quantity}</td>
                    <td>{item.product.sku}</td>
                    <td>{item.product.name}</td>
                    <td>{item.prices.price.value}</td>
                    <td>{item.prices.price.value*item.quantity}</td>
                </tr>
                               <tr>
        <th colSpan={'4'}>Cart Total</th>
        <td>{flatData.subtotal.value}</td>
    </tr> 
                                </tbody>
                            </table>
 

Данные передаются из серверной части в набор в таблице, как указано выше.Но если я использую URL-адрес изображения для отображения в таблице как

 <td><img src={item.product.img_url}/></td>
 

изображение не отображается в загруженном PDF-файле.Но если я использую изображение, хранящееся в папке моего проекта, оно отображается в загруженном PDF-файле.Пожалуйста, помогите