JavaScript {“errors”:[“Invalid image URL”]} with aviary integration

I am doing image editing integration with Aviary. Below is the html code

<body>
 <a target='_blank' href="#" onclick="return launchEditor('editableimage1','http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg');">
 <img id="editableimage1" src="http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg"/></a>
    <br>
    <form id="myform" action="" method="post">
<input id="hf" type="hidden" name="url">
<input type="submit" value="Save" />
</form>

<script type="text/javascript" src="http://feather.aviary.com/js/feather.js"></script>


<!-- Instantiate the widget -->
<script type="text/javascript">

    var featherEditor = new Aviary.Feather({
        apiKey: '1234567',
        apiVersion: 3,
         theme: 'light',
        tools: ['draw','text'],
        onSave: function(imageID, newURL) {
            var img = document.getElementById(imageID);
            img.src = newURL;
            console.log('newURL '+newURL);
            document.getElementById("hf").value=newURL;
            featherEditor.close();
            //document.forms["myform"].submit();
        }
    });
    function launchEditor(id, src) {
        featherEditor.launch({
            image: id,
            url: src
        });
        return false;
    }
</script>                         
 </body>

On opening the above html:

  1. Image will be rendered.
  2. On click of the image, image editing tool will open with the image in it.

But if I replace the url with any other image url say http://ipaddress:8080/ImageCheck/imgjsp.jsp which actually renders image in the browser.

  1. Image will be rendered.
  2. On click of the image, image editing tool opens and close immediately with the error {"errors":["Invalid image URL"]} . Tool is unable to get image into its server for editing from my UrL.

What is the difference between "http://ipaddress:8080/ImageCheck/imgjsp.jsp" and "http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg" for tool to behave differently. Any help appreciated

Answer:1

We are getting the same error too, I've did some searching and found this: https://creativesdk.zendesk.com/hc/en-us/articles/202903359-Migrating-from-the-Aviary-SDK-to-the-Adobe-Creative-SDK-Beta

It looks like Aviary has updated their API

Answer:2

Hey I have a login form that when you click on the input the label move up, after focus out it checks if there is text in the input and if have the label stays up if dont the label comes down. My ...

Hey I have a login form that when you click on the input the label move up, after focus out it checks if there is text in the input and if have the label stays up if dont the label comes down. My ...

  1. jquery check input value
  2. jquery check input type
  3. jquery check input checkbox
  4. jquery check input has value
  5. jquery check input text value empty
  6. jquery check input checked
  7. jquery check input length
  8. jquery check input file empty
  9. jquery check input disabled
  10. jquery check input value change
  11. jquery check input pattern
  12. jquery check input number only
  13. jquery check input field not empty
  14. jquery check input value length
  15. jquery check input name
  16. jquery check input valid
  17. jquery check input type checkbox
  18. jquery check input file size
  19. jquery check input type select
  20. jquery check input change

I am creating a custom carousel and its working fine. What I have:- I have a basic code which is working fine and carousel is also working fine in all screen and devices. What I Want:- I have to ...

I am creating a custom carousel and its working fine. What I have:- I have a basic code which is working fine and carousel is also working fine in all screen and devices. What I Want:- I have to ...

  1. bind resize event to div
  2. jquery bind resize event
  3. angular bind resize event
  4. bind window resize event
  5. jquery bind resize event div
  6. angularjs bind resize event

I have a content DIV with many paragraphs. This is how its' markup look, <div class="more"> <p>Based on a study of its skull, scientists say that an extinct one-tonne relative of ...

I have a content DIV with many paragraphs. This is how its' markup look, <div class="more"> <p>Based on a study of its skull, scientists say that an extinct one-tonne relative of ...

I would like to make a chrome extension that simply serve static content from a defined directory. As usual the static directory will be in the extension repository. I would like the extension to ...

I would like to make a chrome extension that simply serve static content from a defined directory. As usual the static directory will be in the extension repository. I would like the extension to ...

  1. chrome extension static id