Discussion :

[KOMAS]

Bonjour,

Mon problème est assez simple, je ne parviens pas à ajouter une image dans mon document pdf généré avec PDFMake. J'ai tenté d'appliquer les explications données dans le git :https://pdfmake.github.io/docs/0.1/d...object/images/ mais je ne comprends pas ce qu'il faut mettre dans image:'data:image/jpeg;base64,...encodedContent...'. Lorsque je tente de mettre mon chemin comme ceci :

image:"../resultat/public/LogoElythe.jpg", l'erreur suivante apparaît sur la console:

Images dictionary should contain dataURL entries (or local file paths in node.js)

Merci d'avance

[mathieu]

essayez de déclarer l'image dans le dictionnaire avec l'entrée "images" comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
{
 
	"content" : [
		"du texte",
		{"image" : "test1"},
		"du texte",
		{"image" : "image_test2"},
	],
 
	"images" : {
		"test1" : "../resultat/public/LogoElythe.jpg",
		"image_test2" : "https://avatars3.githubusercontent.com/u/1298652",
	},
 
}

[KOMAS]

Merci pour votre réponse.

Lorsque je test votre partie, voilà l'erreur qui m'est retournée

File 'https://avatars3.githubusercontent.com/u/1298652' not found in virtual file system

J'ai la même erreur avec mon fichier LogoElythe

[KOMAS]

J'ai pu trouver la solution.
Pour les personnes qui seraient intéressées la voici:
1- encoder son image grâce à ce lien : https://www.base64-image.de/
2- récupérer le contenu et l'utiliser comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
     var image = 'data:image/jpeg;base64,/9j/4AAQSkZ...';
     var docDefinition = {
            content: [
                {
                    image : image,
                    width: 200,
                    absolutePosition: { x: 10, y: -10 }
                },
            ]
     }
     pdfMake.createPdf(docDefinition).open();

Pour plus d'info n'hésitez pas à utiliser ces liens d'exemples fournis par PDFMake :
https://pdfmake.github.io/docs/0.1/d...object/images/
https://github.com/bpampuch/pdfmake/...ples/images.js