Adobe Creative SDK - 基于Web的图像编辑器

时间:2016-04-20 13:50:19

标签: html adobe

有没有人使用过Adobe Creative SDK?我注册了我的网站并收到了api密钥并插入了我的网页。这非常简单,基本上复制他们的例子并使用我自己的图像,除了我不断收到以下错误:

"加载提供给'网址的图片URI时出现问题。配置密钥。请验证URI是否可公开访问,并且图片是受支持的格式。"

我检查了Adobe网站没有运气,我有一个小的354 x 384图像我正在使用。

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aviary Test</title>

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

<!-- Instantiate Feather -->
<script type='text/javascript'>
var featherEditor = new Aviary.Feather({
apiKey: 'MY KEY',
theme: 'dark', // 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;
}
</script>

</head>

<body>

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

<img id='image1' src='desert.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', 'Desert.jpg');" /></p>

</body>
</html>

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。

一切正常,但是当您尝试从其他位置加载图片时,您会得到&#34;加载提供给“网址”的图片时出现问题。配置键&#34;错误。

我的网站看起来像这样:

  • 完整(全尺寸图片文件夹)
  • thumb(文件夹)
  • 的index.html

您可以在此处看到错误:http://koffid.nl/memetests/sdk2/

当您使用编辑照片按钮时,它使用外部URL来处理图像。 当您单击使用我的文件结构而不是按钮的图像时,会显示错误。

所以这不起作用:

&#13;
&#13;
<img id='image1' src='thumb/feather_thumb.jpg' value='Edit photo' onclick="return launchEditor('image1', 'full/feather_default.jpg');" /></p>
&#13;
&#13;
&#13;

这确实有效:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你不能使用相对网址,你需要传递图像的完整网址,即。 http://example.com/images/myimage.jpg