Discussion :

[Jiyuu]

à tous,


J'essaye d'utiliser pdf-merger-js pour fusionner 2 PDF.
Mes 2 PDF sont dans "./public/template/.

Mon code est le suivant :

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
 
console.log("Lancement du merge");
 
      var merger = new PDFMerger();
      console.log("Création du merge");
      (async () => {
        console.log("Ajout 1 dans le merge");
        merger.add('./template/temp1.pdf')
        console.log("Ajout 2 dans le merge");
        merger.add('./template/temp2.pdf', [2]); // merge only page 2
        console.log("Sauvegarde du merge");
        await merger.save("./template/merged.pdf"); //save under given name
      })();
 
      console.log("Fin du merge");

Mon code s'arrête à l'ajout du premier pdf dans le merge et me sort cette erreur :

index.js?03bf:28 Uncaught (in promise) TypeError: fs.readFileSync is not a function
at PDFMerger._addEntireDocument

Je suppose qu'il ne trouve pas mon PDF mais je ne pige pas pourquoi. Pour moi je pointe bien sur le PDF. Non ?


Qu'en pensez-vous ?

D'avance merci.


J

[NoSmoking]

Bonjour,

Pour moi je pointe bien sur le PDF. Non ?

oui si le fichier qui exécute la fonction est dans le répertoire public.

[Jiyuu]

Merci pour ta réponse.
Il est bien là : "/public/template/temp1.pdf" par exemple.
Bon, en fouillant, à priori c'est fs qui n'aime pas trop aller chercher des fichiers locaux depuis un browser... Une histoire de sécurité il parait

J'ai donc chercher une alternative et je l'ai trouvée dans pdf-lib qui permet de faire le taf (et donc du coup la sécurité dont on parlait au-dessus ):

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
      const temp1Url = "./template/temp1.pdf";
      const temp1PdfBytes = await fetch(temp1Url)
      .then((res) => res.arrayBuffer()
      .catch(err => console.error(err))
      );
 
      const temp2Url = "./template/temp2.pdf";
      const temp2PdfBytes = await fetch(temp2Url)
      .then((res) => res.arrayBuffer()
      .catch(err => console.error(err))
      );
 
 
      const pdfDoc = await PDFDocument.create();
 
 
      const temp1PDF = await PDFDocument.load(temp1PdfBytes);
      const copiedPages = await pdfDoc.copyPages(temp1PDF, [0, 1, 2]);
      const [first, second, third] = copiedPages;
 
      const [temp1] = await pdfDoc.embedPdf(temp1PdfBytes);
      const [temp2] = await pdfDoc.embedPdf(temp2PdfBytes);
 
 
      pdfDoc.addPage(first);
      pdfDoc.addPage(second);
      pdfDoc.addPage(third);
 
      const page1 = pdfDoc.addPage();
      page1.drawPage(temp1);
 
      const page2 = pdfDoc.addPage();
      page2.drawPage(temp2);
 
      const pdfBytes = await pdfDoc.save();
      alert(pdfBytes);

Bref ! Cela fonctionne comme prévu lorsque je lance npm run serve. Par contre la finalité c'est de créer une app avec Electron ou Tauri et là je bloque sur les points suivants :

1) Electron, n'a pas l'air d'aimer :

Code :

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

1
2
3
4
5
const temp1Url = "./template/temp1.pdf";
      const temp1PdfBytes = await fetch(temp1Url)
      .then((res) => res.arrayBuffer()
      .catch(err => console.error(err))
      );

2) Tauri (sur Mac Big Sure en tout cas) n'arrive pas à ouvrir une URL "blob:http://...."


Bon, ça sort un peu de mon sujet initial, mais si tu as une idée, je suis preneur .


@+


J