如何将图像保存到Aviary

Question

我有代码

var featherEditor = new Aviary.Feather({
	apiKey: 'your-client-id-here',
	theme: 'light', // Check out our new 'light' and 'dark' themes!
	tools: 'all',
	appendTo: '',
	onSave: function(imageID, newURL) {
		var img = document.getElementById(imageID);
		img.src = newURL;
	},
	onError: function(errorObj) {
		alert(errorObj.message);
	}
});
function launchEditor(id, src) {
	featherEditor.launch({
		image: id,
		url: src
	});
	return false;
}

<!-- Load Feather code -->
<script type="text/javascript" src="http://feather.aviary.com/imaging/v3/editor.js"></script>


<div id='injection_site'></div>

<img id='image1' src='http://images.aviary.com/imagesv5/feather_default.jpg'/>

<!-- Add an edit button, passing the HTML id of the image and the public URL of the image -->
<p><input type='image' src='http://images.aviary.com/images/edit-photo.png' value='Edit photo' onclick="return launchEditor('image1', 'http://images.aviary.com/imagesv5/feather_default.jpg');" /></p>

我希望将图片生成保存到Aviary：https://s3.amazonaws.com/feather-client-files-aviary-prod-us-east-1/2016-06-06/178ba6a3-0488-4b43-b4bc-133cf499c72c.jpg并插入MySQL。

如何获取url并插入MysQL。

非常感谢！

Answer 1

如果你还需要答案......

onSave函数将显示已编辑图像的Amazon临时URL。它位于'newURL'变量中。

因此，您可以运行Ajax调用将其发送到您的数据库。

这部分代码进入onSave函数。

$.ajax({
   url: <url_to_your_controller>,
            type:'post',
            data: {
                image_url : newURL,
            },
            success:function() {
                alert("Yeah! We did it!")
            }
        });