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

Question

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

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

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

我正在使用标准示例

Answer 1

Aviary 被 Creative SDK 图像编辑器取代

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

接收编辑后的图像

正如您所注意到的，当您单击保存时，您将收到以亚马逊 URL 形式编辑的图像。此链接仅在 Amazon 服务器上存在 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，我们在这里说用从亚马逊返回的源来替换currentImage's source 。newURL

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

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

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

这只是一个示例，但您可以通过多种方式进行操作。

示例回购

查看这个使用 jQuery 的示例 repo以了解更多详细信息。