Cloud API - PDF To JSON API - JavaScript - Convert PDF To JSON in JQuery - ByteScout

Cloud API – PDF To JSON API – JavaScript – Convert PDF To JSON in JQuery

  • Home
  • /
  • Articles
  • /
  • Cloud API – PDF To JSON API – JavaScript – Convert PDF To JSON in JQuery

Cloud API – PDF To JSON API – JavaScript – Convert PDF To JSON in JQuery

converter.js

[javascript]
$(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&contenttype=application/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’,
headers: {‘content-type’: ‘application/pdf’}, // setting to pdf type as we are uploading pdf file
data: formData,
processData: false,
success: function (result) {

$(“#status”).text(‘converting…’);

$.ajax({
url: ‘https://api.pdf.co/v1/pdf/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’);
}
});

}
}
});
});

[/javascript]


  Click here to get your Free Trial version of the SDK

Tutorials:

prev
next