Pdf-create-from-file NPM

PdfCreateFromFile

Module allows you to download multiple files and merge them into PDF. Support type file BMP, JPEG, JPG, JPE, JP2, PNG, TXT, TEX, HTML, LOG, JS XML, JSON, ZIP

Download
Dependencies
Loader supports
Config
methods
example

Download

  $ bower install pdf-create-from-file;
  $ git clone https://github.com/konstantin-nizhinskiy/PdfCreateFromFile.git;

Dependencies

pdfMake - Client/server side PDF printing in pure JavaScript (https://github.com/bpampuch/pdfmake)
jsZip - A library for creating, reading and editing .zip files with Javascript, with a lovely and simple API. (https://github.com/Stuk/jszip)

Loader supports

AMD
CommonJS

Config

    i18n.setProperty({
       wrapper:document.body,   // Parent element 
       locale:"en",             // Set locale
       typeOpen:'download',     // Type convert file
       documentName:'Document', // Document name went download
       callback:false,          // Function callback
       locales:{},              // My custom translation
       storageId:""             // Set id storage
    });

Options

wrapper

Type: HTMLElement
Default: document.body

You can set main wrapper element

locale

Type: String
Default: en

Set locale translation

maxCountFile

Type: number
Default: 0

Max count file you can add if == 0 We do not check count file

listTypeFile

Type: array
Default: []

List type file you can add if list is empty we check default file type

typeOpen

Type: String
Default: download

Set type convert file pdf

SupportValue:

download - Create PDF and download to client (you can set documentName)
open - Create PDF and open in new tabs
print - Create PDF and auto print in new tabs
getBase64 - Create PDF and get base64 (This options async you need set function callback)
getBlob - Create PDF and get Blob (This options async you need set function callback)
getDataUrl - Create PDF and get DataUrl (This options async you need set function callback)
onlyContentFile - Don`t create PDF and send in callback all file add (This options async you need set function callback)

documentName

Type: String
Default: Document

Document name download

callback

Type: Function

Function callback getContent file getBase64,getBlob,getDataUrl in arguments

locales

Type: Object

You can set custom text in modal load file

SupportValue:

errorArrayLoadFile - "Please delete all not support file"
errorTypeFileNotSupport - "This type file not support"
btnNameClose - "Close"
btnNameAddFile - "Add file"
btnNameDelete - "Delete"
title - "Create PDF file"
btnNameCreate - "Create PDF"
textFileSize - "File size"
textFileName - "File name"
textDrop - "Drag a file here"
textOr - "or"

storageId

Type: String

You can set storage Id in session

Methods

Method	Arguments	info
openModal	typeOpen,callback	Open modal load file

Example

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../dist/css/PdfCreateFromFile.min.css">

    <script src='../bower_components/pdfmake/build/pdfmake.min.js'></script>
    <script src='../bower_components/pdfmake/build/vfs_fonts.js'></script>
    <script src="../dist/js/PdfCreateFromFile.js"></script>
    <script src="../dist/js/locales/PdfCreateFromFile.ru.min.js"></script>
    <script src="../dist/js/locales/PdfCreateFromFile.ua.min.js"></script>
    <script src="../dist/js/locales/PdfCreateFromFile.en.min.js"></script>
    <script src="../bower_components/jszip/dist/jszip.min.js"></script>
<!--    <script src='jQuery.js'></script>-->
</head>
<body>
<h1>Demo generation PDF</h1>
<button onclick="pdfCreateFromFile1.openModal('open');">Open storage 1</button>
<button onclick="pdfCreateFromFile2.openModal('open');">Open storage 1(EN)</button>
<button onclick="pdfCreateFromFile3.openModal('open');">Open storage 1(RU)</button>
<button onclick="pdfCreateFromFile4.openModal('open');">Open storage 1(UA)</button>
<button onclick="pdfCreateFromFile1.openModal('print');">Print</button>
<button onclick="pdfCreateFromFile1.openModal('download');">Download</button>
<button onclick="pdfCreateFromFile1.openModal('getBase64',getData);">GetBase64</button>
<button onclick="pdfCreateFromFile1.openModal('getBlob',getData);">GetBlob</button>
<button onclick="pdfCreateFromFile1.openModal('getDataUrl',getData);">GetDataUrl</button>
<br>
<button onclick="pdfCreateFromFile5.openModal('open');">Open only XML and JSON</button>
<button onclick="pdfCreateFromFile6.openModal('open');">Open only XML and JSON and 1 file</button>
<button onclick="pdfCreateFromFile6.openModal('onlyContentFile',console.log);">onlyContentFile console.log</button>
<script>
    var pdfCreateFromFile1 = new PdfCreateFromFile({
        storageId:1
    });
    var pdfCreateFromFile2 = new PdfCreateFromFile({
        storageId:1,
        locale:'en'
    });
    var pdfCreateFromFile3 = new PdfCreateFromFile({
        storageId:1,
        locale:'ru',
        locales:{
            title:'My title'
        }
    });
    var pdfCreateFromFile4 = new PdfCreateFromFile({
        storageId:1,
        locale:'ua'
    });
    var pdfCreateFromFile5 = new PdfCreateFromFile({
            listTypeFile:["xml","json"]
        });
        var pdfCreateFromFile6 = new PdfCreateFromFile({
            listTypeFile:["xml","json"],
            maxCountFile:1
        });
    function getData(data){
        document.getElementById('data').innerText=data;
    }
</script>
<div id="data"></div>
</body>
</html>

chalk

@infinitebrahmanuniverse/nolb-pdf @everything-registry/sub-chunk-2421

1.2.0

4 years ago