Saving a permanent url for an aviary saved image (using filepicker.io and aviary tool)

StackOverflow https://stackoverflow.com/questions/15841310

  •  01-04-2022
  •  | 
  •  

Pregunta

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});});});});  
¿Fue útil?

Solución

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top