Word (Fill) - upload to image

Demonstrate a example for the function b64img()

Important: With this method it will be used double storage, because the image exist twice (file and b64 string). At the moment there is no other function available. If the image from the upload is not needed, you could delete it.

Prepare your Word file and insert a field with the name of the element which contains the base-64 string.

In this example it's "varImgBase64String" a hidden field in Variables:

Choose image file*

Use the following JavaScript to convert an image into a base-64 string which will be converted back to an image in the PDF document:



// Submit the image as base-64 string in hidden var field

$('.xm-form').on("submit", function() {

    // Hidden element in variables

    var $b64Inp = $('[name="varImgBase64String"]');

    // Upload element

    var $uplImg = $('[name="uplImg"]');

    uplToB64String($uplImg, $b64Inp);



    // If it is not required that the image is stored,

    // the upload should be cleared with the following code

    // $uplImg.clear();

});



function uplToB64String($uplImg, $b64Inp) {

    var id = $uplImg.attr('id');

    var b64 = ($.xutil._file_store[id]) ? $.xutil._file_store[id].b64 : null;

    if (b64) $b64Inp.val(b64.split(',')[1]);

}

Multiple Upload

Choose image file*



// Submit the image as base-64 string in hidden var field

$('.xm-form').on("submit", function() {

    var $uplImgDyn = $('[org_name="uplImgDyn"]');



    $uplImgDyn.each(function(idx, el) {

        var $upl = $(this);

        var $row = $upl.parents('.dynamic-row');



        // Hidden element in the row

        var $b64InpDyn = $('[org_name="tfImgBase64StringDyn"]', $row);

        // Function from previous example

        uplToB64String($upl, $b64InpDyn);

    });



    // If it is not required that the image is stored,

    // the upload should be cleared with the following code

    // $uplImgDyn.clear();

});