Заменить изображение с помощью Aviary/Creative SDK Image Editor

Получение отредактированного изображения

Как вы заметили, когда вы нажмете «Сохранить», вы получите отредактированное изображение в виде URL-адреса Amazon. Эта ссылка существует только на сервере Amazon в течение 72 часов, поэтому вам нужно что-то с ней сделать.

Замена источника элемента img

В качестве базового примера вы можете использовать возвращенный URL-адрес Amazon для замены источника элемента изображения внутри метода onSave объекта конфигурации Aviary.Feather.

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 на newURL, полученный от Amazon.

Где-то в вашем сценарии вам нужно будет определить, что это за currentImage. Например, если вы используете jQuery, вы можете написать что-то вроде:

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

Обратите внимание, что здесь мы используем 0-й элемент, чтобы получить фактический элемент DOM, а не объект jQuery.

Это всего лишь один пример, но вы можете сделать это несколькими способами.

Пример репозитория