如何将生成的图像保存到 Aviary
How can save the image generate to Aviary
我有密码
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。
非常感谢!
如果您还需要答案...
onSave 函数将显示已编辑图片的亚马逊临时 URL。它在 'newURL' 变量中。
因此,您只需 运行 一个 Ajax 调用即可将其发送到您的数据库。
这部分代码在 onSave 函数中。
$.ajax({
url: <url_to_your_controller>,
type:'post',
data: {
image_url : newURL,
},
success:function() {
alert("Yeah! We did it!")
}
});
我有密码
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。
非常感谢!
如果您还需要答案...
onSave 函数将显示已编辑图片的亚马逊临时 URL。它在 'newURL' 变量中。
因此,您只需 运行 一个 Ajax 调用即可将其发送到您的数据库。
这部分代码在 onSave 函数中。
$.ajax({
url: <url_to_your_controller>,
type:'post',
data: {
image_url : newURL,
},
success:function() {
alert("Yeah! We did it!")
}
});