Cloud API – Excel To PDF API – JavaScript – Convert Excel to PDF in JQuery

Home
/
Articles
/
Cloud API – Excel To PDF API – JavaScript – Convert Excel to PDF in JQuery

Cloud API – Excel To PDF API – JavaScript – Convert Excel to PDF in JQuery

converter.js

$(document).ready(function () {
    $("#resultBlock").hide();
    $("#errorBlock").hide();
    $("#result").attr("href", '').html('');
});
 
$(document).on("click", "#submit", function () {
    $("#resultBlock").hide();
    $("#errorBlock").hide();
    $("#inlineOutput").text(''); // inline output div
    $("#status").text(''); // status div
 
    var apiKey = $("#apiKey").val().trim(); //Get your API key at https://app.pdf.co/documentation/api
 
    var formData = $("#form input[type=file]")[0].files[0]; // file to upload
    var toType = $("#convertType").val(); // output type
    var isInline = $("#outputType").val() == "inline"; // if we need output as inline content or link to output file
 
    $("#status").text('requesting presigned url for upload...');
 
    $.ajax({
        url: 'https://api.pdf.co/v1/file/upload/get-presigned-url?name=test.pdf&encrypt=true',
        type: 'GET',
        headers: { 'x-api-key': apiKey }, // passing our api key
        success: function (result) {
 
            if (result['error'] === false) {
                var presignedUrl = result['presignedUrl']; // reading provided presigned url to put our content into
                var accessUrl = result['url']; // reading output url that will indicate uploaded file
 
                $("#status").text('uploading...');
 
                $.ajax({
                    url: presignedUrl, // no api key is required to upload file
                    type: 'PUT',
                    data: formData,
                    processData: false,
                    success: function (result) {
 
                        $("#status").text('converting...');
 
                        $.ajax({
                            url: 'https://api.pdf.co/v1/xls/convert/to/' + toType + '?url=' + presignedUrl + '&encrypt=true&inline=' + isInline,
                            type: 'POST',
                            headers: { 'x-api-key': apiKey },
                            success: function (result) {
 
                                $("#status").text('done converting.');
 
                                // console.log(JSON.stringify(result));
 
                                $("#resultBlock").show();
 
                                if (isInline) {
                                    $("#inlineOutput").text(result['body']);
                                }
                                else {
                                    $("#result").attr("href", result['url']).html(result['url']);
                                }
 
                            }
                        });
 
 
                    },
                    error: function () {
                        $("#status").text('error');
                    }
                });
 
 
            }
        }
    });
});

Click here to get your Free Trial version of the SDK

Cloud API – Excel To PDF API – JavaScript – Convert Excel to PDF in JQuery

Cloud API – Excel To PDF API – JavaScript – Convert Excel to PDF in JQuery

Tutorials: