Question

I am trying to have a user upload a picture that has been chosen with filepicker and then edited with aviary. I can get the new url for the image when it is saved, but I am unsure of how to get it to persist (i.e. I would like this url to remain permanent so I can save it in a database and constantly use the image). Is there a way to do this? Thank you for your help. Here is my code now:

$(function()  {
  var a=new Aviary.Feather({

        apiKey:'##################',
        apiVersion:2,
        tools: 'all',
        initTool: 'crop',
        cropPresets: [['Square','1:1']],
        onSave: function(imageID, newURL) {

            /*
            filepicker.store(newURL,{},function(new_fpfile) {

                console.log(JSON.stringify(new_fpfile));

                            });
             */

            //used to store the url, but I assume this url is temporary
            $.getJSON(
                      "/aviary_store.php", // The server URL
                      { aviary_id : newURL }, // Data you want to pass to the server.
                      function(json) {

                        var aviary_url = json[0];

                      });

                 console.log(JSON.stringify(newURL));
                 console.log(JSON.stringify(imageID));
        },

        onError:function(a){},appendTo:"editpane"});filepicker.setKey(server_vars.apikey);$(".openbutton").click(function(){filepicker.pick({mimetype:'image/*'},function(b){var c=$('<img id="#editimage"/>');c.attr("src",b.url);$(".editpane").empty().append(c);a.launch({image:c[0],url:b.url});});});});  
Was it helpful?

Solution

The best way is to use filepicker.storeUrl, which will take the contents of the saved aviary image and download it for permanent storage on your S3

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top