Question

我正在与Aviary进行图像编辑集成。以下是html代码

<body>
 <a 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>

打开上面的html：

将呈现图像。
点击图像后，图像编辑工具将打开，图像中显示图像。

但是，如果我将网址替换为任何其他图片网址，请说http://ipaddress:8080/ImageCheck/imgjsp.jsp实际上在浏览器中呈现图片。

将呈现图像。
点击图片后，图片编辑工具会立即打开并关闭错误{"errors":["Invalid image URL"]}。工具无法将图像放入其服务器以便从我的UrL进行编辑。

“http://ipaddress:8080/ImageCheck/imgjsp.jsp”和“http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg”之间的区别在于工具的行为方式不同。任何帮助表示赞赏

Answer 1

我们也遇到了同样的错误，我做了一些搜索，发现了这个： https://creativesdk.zendesk.com/hc/en-us/articles/202903359-Migrating-from-the-Aviary-SDK-to-the-Adobe-Creative-SDK-Beta

看起来Aviary已更新其API

Answer 2

是http://ipaddress:8080/ImageCheck/imgjsp.jsp指向本地IP吗？根据{{3}}，“要求该位置的图像公开，因为我们的服务器必须下载它。”。

另一方面，我们能够将base64编码图像作为url参数的值传递。这样，不需要首先存储实际图像。（当使用高分辨率版本的Aviary图像工具时，这种方法对我们不起作用。）

{“errors”：[“无效的图片网址”]}与鸟舍整合

2 个答案: