with aviary

  • Profile Image
    Asked on December 01, 2012 at 03:42 PM

    I want the ability for folks to edit their photos when they upload them. I can do that with aviary but don't know how to incorporate it with Jotform On filepicker they have some sample code. Can I add that to my jotform or do I need to add it to my website?:

    Sample code from

    <!--Import the Aviary and scripts--> <script src=''></script> <script src='//'></script> <!--Your application--> <script type='text/javascript'> //Setup - to get an apikey, go to filepicker.setKey('MY_API_KEY'); //Setup Aviary var featherEditor = new Aviary.Feather({ //Get an api key for Aviary at apiKey: 'AVIARY_API_KEY', apiVersion: 2, onSave: function(imageID, newURL) { //Export the photo to the cloud using! filepicker.export(newURL, {extension:'.png'}); }, appendTo: 'web_demo_pane' }); //Giving a placeholder image while Aviary loads var preview = document.getElementById('web_demo_preview'); //When the user clicks the button, import a file using var editPane = document.getElementById('start_web_demo'); editPane.onclick = function(){ filepicker.pick({mimetype: 'image/*'}, function(fpfile) { //Showing the preview preview.src = fpfile.url; //Launching the Aviary Editor featherEditor.launch({ image: preview, url: fpfile.url }); }); }; </script>
  • Profile Image
    Answered on December 01, 2012 at 04:11 PM

    For custom script integration, generating the form's source code and embedding it on your site together with the 3rd-party script is what we usually suggest to our users. However, since we do not natively support these codes, we cannot guarantee that it will work as intended.

    It is a 'proceed at your own risk' task and we strongly advise against it unless one is really knowledgeable in web programming.

    This image editing function looks slick though, so I'll be adding this to our feature wishlist. Thank you very much for your ideas.

    Have a great weekend!