Create PDF from a List of Images

Create PDF from a list of images

Install FPDF for Python:

pip install fpdf

Now you can use the same logic:

from fpdf import FPDF
pdf = FPDF()
# imagelist is the list with all image filenames
for image in imagelist:
    pdf.add_page()
    pdf.image(image,x,y,w,h)
pdf.output("yourfile.pdf", "F")

You can find more info at the tutorial page or the official documentation.

I am fetching images and want save images in single pdf file

Try this:

pdf = FPDF()

for img in [Image.open(r".\Output\demod.png" * i)]:
    im = img.convert('RGB')

    cropped img = im.crop((left, top, right, bottom)) 
    cropped_img.save(r".\Output\cropped%d.png" % i) 
    pdf.add page ()
    pdf.image (r".\Output\cropped%d.png" & i, randint(1,20),randint(1, 20))

pdf.output('finalpdf.pdf', 'f')

How can I convert all JPG files in a folder to PDFs and combine them?

In your second loop, you need to actually reference the path to each jpg:

pdf.image(image, 10,210,297)

Edit: additionally, I think you just need the path to each image (rather than opening each image using Image.open. Try the following:

import glob
from fpdf import FPDF #
imagelist = glob.glob('img/*.jpg')

pdf = FPDF()
# imagelist is the list with all image filenames
for image in imagelist:
    pdf.add_page()
    pdf.image(image, 10,210,297)
pdf.output("yourfile.pdf", "F")

How can I convert a series of images to a PDF from the command line on Linux?

Using ImageMagick, you can try:

convert page.png page.pdf

For multiple images:

convert page*.png mydoc.pdf

Create PDF of Images in Django

I have another solution. Make an HTML page and then print it as you like. You can set page width and height as inches or centimeter exact as your paper. Also, you can choose your cell width exactly. I have for now given cell width of 50% and 7 rows evenly spaced, you can make it exactly as you like. CSS3 @media print will also help you with this.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Barcode Print</title>
    <style>
        * {
            box-sizing: border-box;
        }

        .grid-container {
            width: 21cm;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .page {
            width: 21cm;
            height: 29.7cm;
            padding-top: 1.5362cm;
            padding-bottom: 1.5362cm;
            padding-left: 0.5122cm;
            padding-right: 0.5122cm;
        }

        .grid-row {
            display: flex;
        }

        .grid-col {
            margin-left: 0.0854cm;
            margin-right: 0.0854cm;
            width: 9.9024cm;
            height: 3.7552cm;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #eee;
        }

        img {
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
<div class="grid-container">
    {% for page in imglist %}
    <div class="page">
        {% for row in page %}
        <div class="grid-row">
            {% for col in row %}
            <div class="grid-col">
                <img src="data:image/png;base64,{{ col }}" alt="" srcset="">
            </div>
            {% endfor %}
        </div>
        {% endfor %}
    </div>
    {% endfor %}
</div>
</body>
</html>

How to make a pdf of images

For anyone reading or having similar issues with jsPDF, the logic I have is right and that is how you need to add images to a pdf. The for loop may also me implemented as,

   let len = allImgs.length;
   for (let i = 0; i < len; i++) {
      doc.addImage(allImgs[i], 'PNG', 0, 0, 210, 297)
      if(i !== len) doc.addPage()
   }

This ensures that an empty page isn't added at end of document.

The issue in my case was that the base64 string of images I was using to add to the pdf contained data like 'dataURL... base64, ...'. I just had to remove the first 22 characters. Like,

   const element = allPages[i].substring(22);
   doc.addImage(element, 'PNG', 0, 0, 210, 297)

and everything works fine. But I still don't understand how the first image got rendered (to all pages of the PDF too!!).

Thanks to @CHess's comment!

Create PDF from a List of Images