Filepicker + Aviary Better together

We're thrilled to announce that Aviary and Filepicker.io will be working together to make it even easier for mobile and web developers to integrate both the advanced content management features of the Filepicker.io and the amazing photo editing features of Aviary.

Here's how to get started:

Demo

Sample Code

<!--Import the Aviary and Filepicker file picker scripts-->
<script src='http://feather.aviary.com/js/feather.js'></script>
<script src='//api.filepicker.io/v1/filepicker.js'></script>
<!--Your application-->
<script type='text/javascript'>
    //Setup the Filepicker - to get an apikey, go to https://developers.filepicker.io/register/
    filepicker.setKey('MY_API_KEY');

    //Setup Aviary
    var featherEditor = new Aviary.Feather({
        //Get an api key for Aviary at http://www.aviary.com/web-key
        apiKey: 'AVIARY_API_KEY',
        apiVersion: 2,
        onSave: function(imageID, newURL) {
            //Export the photo to the cloud using the Filepicker!
            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 the Filepicker
    var editPane = document.getElementById('start_web_demo');
    editPane.onclick = function(){
        filepicker.pick({mimetype: 'image/*'}, function(InkBlob) {
            //Showing the preview
            preview.src = InkBlob.url;

            //Launching the Aviary Editor
            featherEditor.launch({
                image: preview,
                url: InkBlob.url
            });
        });
    };
</script>

iOS & Android

Both Filepicker.io and Aviary have excellent iOS and Android libraries, so you can enable similar functionality in your mobile apps.

iOS
Documentation for the Filepicker.io | Documentation for Aviary
Android
Documentation for the Filepicker.io | Documentation for Aviary

Contact We want to hear from you

Subscribe to our mailing list