Convert web pages and store converter files on server
HTML
<h4>The example show how to call ConvertApi using jQuery, read results from JSon object and provide file download directly from ConvertApi server. The StoreFile=true parameter is used to store file on server.</h4>
<input type="text" id="txtUrl" name="txtUrl" value="http://www.google.com" />
<input id="txtApiKey" type="text" value="" /><a href="http://www.convertapi.com/prices" target="_blanks">Api
Key(get free if you don't have one)</a>
<br /> <br />
<a id="CreatePdf" style="cursor:pointer; text-decoration: underline;">Create PDF</a>
<a id="CreateImage" style="cursor:pointer; text-decoration: underline;">Create Image</a>
<div class="pdflinkhide" style="display:none;">Make your trip public to save it as PDF.</div>
<h2> <a id="HyperLinkFile"></a></h2>
<span id="LabelMessage"></span><br /><br />
JavaScript
var serviceUrl;
var convertParameter;
jQuery(document).ready(function(){
jQuery('#CreatePdf').click(function() {
serviceUrl = "http://do.convertapi.com/Web2Pdf/json?";
Convert();
});
jQuery('#CreateImage').click(function() {
serviceUrl = "http://do.convertapi.com/Web2Image/json?";
Convert();
});
});
function Convert() {
convertParameter = "storefile=true&OutputFileName=Google&PageNo=true";
convertParameter = convertParameter + "&curl=" + encodeURI(jQuery('#txtUrl').val());
convertParameter = convertParameter + "&ApiKey=" + jQuery('#txtApiKey').val();
convertParameter = convertParameter + "&callback=?"
document.getElementById("LabelMessage").innerHTML = '<br >Please be patient. <br></br>Depending on the trip size the PDF creation time could last up to 30 seconds.';
document.getElementById("HyperLinkFile").innerHTML = '';
jQuery.getJSON(serviceUrl + convertParameter , function(data){
if (data.Result == true) {
document.getElementById("LabelMessage").innerHTML = '';
document.getElementById("HyperLinkFile").href = data.FileUrl;
document.getElementById("HyperLinkFile").innerHTML = data.OutputFileName + " (" + data.FileSize +" bytes)";
} else {
document.getElementById("LabelMessage").innerHTML = "Error:<br />" + data.Error;
}
});
}