Я занимаюсь интеграцией редактирования изображений с Aviary. Ниже приведен html-код
<body>
<a href="#" onclick="return launchEditor('editableimage1','http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg');">
<img id="editableimage1" src="http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg"/></a>
<br>
<form id="myform" action="" method="post">
<input id="hf" type="hidden" name="url">
<input type="submit" value="Save" />
</form>
<script type="text/javascript" src="http://feather.aviary.com/js/feather.js"></script>
<!-- Instantiate the widget -->
<script type="text/javascript">
var featherEditor = new Aviary.Feather({
apiKey: '1234567',
apiVersion: 3,
theme: 'light',
tools: ['draw','text'],
onSave: function(imageID, newURL) {
var img = document.getElementById(imageID);
img.src = newURL;
console.log('newURL '+newURL);
document.getElementById("hf").value=newURL;
featherEditor.close();
//document.forms["myform"].submit();
}
});
function launchEditor(id, src) {
featherEditor.launch({
image: id,
url: src
});
return false;
}
</script>
</body>
При открытии вышеуказанного html:
- Изображение будет визуализировано.
- При нажатии на изображение откроется инструмент редактирования изображения с изображением в нем.
Но если я заменю URL-адрес любым другим URL-адресом изображения, скажем, http://ipaddress:8080/ImageCheck/imgjsp.jsp
, который фактически отображает изображение в браузере.
- Изображение будет визуализировано.
- При нажатии на изображение инструмент редактирования изображения открывается и сразу же закрывается с ошибкой
{"errors":["Invalid image URL"]}
. Инструмент не может загрузить изображение на свой сервер для редактирования с моего URL-адреса.
В чем разница между "http://ipaddress:8080/ImageCheck/imgjsp.jsp" и "http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg", чтобы инструмент вел себя по-другому. Любая помощь приветствуется