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

Question

我正在为我的项目使用 Aviary 图像编辑器。一切正常，但不是 “保存” 按钮。

我无法保存或替换当前正在编辑的图像，我只得到图像的亚马逊路径，我可以在其中打开它。

支持并没有真正的帮助，需要数周才能得到答复。

我正在使用标准 example

Answer 1

Aviary 被 Creative SDK 图像编辑器取代

请注意，Aviary 于 2014 年被 Adob​​e 收购，现在是 The Creative SDK 的一部分。 Aviary 的所有版本现已过时，并已被the Creative SDK Image Editor 取代。

接收编辑后的图片

如您所见，当您单击保存时，您将收到以亚马逊 URL 形式编辑的图像。此链接仅在亚马逊服务器上存在 72 小时，因此您需要对其进行处理。

替换 img 元素的源

作为一个基本示例，您可以使用返回的 Amazon URL 替换 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 内部，我们在这里说用来自亚马逊的newURL 替换currentImage 的源代码。

您需要在脚本中的某处定义 currentImage 是什么。例如，如果您使用的是 jQuery，您可能会编写如下内容：

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

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

这只是一个示例，但您可以通过多种方式实现。

示例代码库

查看example repo 使用 jQuery 了解更多详情。