Before moving on, we will understand ordering flow of Grocery Application, so it will be easy for us to implement our Invoice task. To know more about Grocery Shopping Platform you can read Enappd’s Grocery Shopping Platform Blog or check the feature video. We will understand this feature through Enappd’s Grocery Application workflow, where we order some items, then generate an invoice/bill and download it in the form of PDF. You can follow the same steps to create the PDF generation feature in your own Ionic app. Similarly there are several other scenarios where your app might need a PDF generation and download facility.

You might have ordered food or any item from some e-commerce application and after ordering you must have downloaded the invoice/bill for it as a proof. catch(error => console.log('Error openening file', error)) Ĭonsole.In this tutorial we will learn how we can generate PDF in an Ionic app, and download it to the device. then(() => console.log('File is opened')) Var base64 = 'data:application/ base64,' + encodedBytes ĭirectory: FilesystemDirectory.Documents, Var encodedBytes = om(buffer).toString('base64') Note: You can also use addBackgroundImage to insert image as background let image = workbook.addImage(`) Ĭonst buffer = await () Valid extension of images values are 'jpeg', 'png', 'gif'. You can add image using addImage in any of the following formatįilename - Directly access to filepath of the imageīuffer - Add file buffer īase64 - You can add image even by converting it to base64 date You can refer exceljs documentation to implement style and other properties. Let headerRow = worksheet.addRow(header)

Let worksheet = workbook.addWorksheet('list')

Lets create a workbook (i.e excel sheet) and add some heading and style into itĬonst header =.

Add exceljs plugin from npm as dependency.

View Capacitor JS documentation to get started with it. Here I gonna use Angular with Capacitor JS, so that we can go with both web and for mobile app. Download excel sheet with image in AndroidĬreate new project with your suitable Stack.

Capacitor file download