用Aviary/Creave SDK图像编辑器替换图像

Replace image with Aviary/Creative SDK Image Editor

本文关键字：图像 编辑器 替换 SDK Creave Aviary      更新时间：2023-09-26

我的项目使用Aviary图像编辑器。一切正常，但"保存"按钮无效。

我无法保存或替换当前编辑的图像，我只能获得图像的亚马逊路径，在那里我可以打开它。

这种支持并没有真正的帮助，需要数周时间才能得到答案。

我正在使用标准示例

Aviary被Creative SDK图像编辑器取代

请注意，Aviary于2014年被Adobe收购，现在是The Creative SDK的一部分。Aviary的所有版本现在都已过时，取而代之的是Creative SDK图像编辑器。

接收编辑后的图像

正如您所注意到的，当您单击"保存"时，您将收到亚马逊URL形式的编辑图像。这个链接只在亚马逊服务器上存在72小时，所以你会想用它做点什么。

替换img元素的源

作为一个基本示例，您可以使用返回的AmazonURL在Aviary.Feather配置对象的onSave方法中替换图像元素的源。

var featherEditor = new Aviary.Feather({
    apiKey: '<YOUR_KEY_HERE>',
    onSave: function(imageID, newURL) {
        currentImage.src = newURL; // `currentImage` is a DOM image element
        featherEditor.close();
    },
    onError: function(errorObj) {
        console.log(errorObj.code);
        console.log(errorObj.message);
        console.log(errorObj.args);
    }
});

在onSave内部，我们在这里说用从Amazon返回的newURL替换currentImage的源代码。

在脚本的某个地方，您需要定义这个currentImage是什么

var currentImage = $('#editable-image')[0];

请注意，我们在这里使用第0个元素是为了获得实际的DOM元素，而不是jQuery对象。

这只是一个例子，但你可以用几种方法。

回购示例

请使用jQuery查看此示例repo以了解更多详细信息。

相关文章：