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

Question

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

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

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

我正在使用标准example

Answer 1

Aviary 被 Creative SDK 图像编辑器取代

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

接收编辑后的图像

正如您所注意到的，当您单击“保存”时，您将收到 Amazon 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 内部，我们在这里说用从 Amazon 返回的 newURL 替换 currentImage 的源。

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

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

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

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

示例存储库

看看这个 example repo使用 jQuery 获取更多详细信息。