0

私は鳥小屋のフォトエディタを使用していますが、誰かが編集を終了して保存をクリックすると、onsave機能が実行されたときに保存された画像のリンクを取得し、入力フィールドに新しく生成された画像リンクを次のように取得したいと考えています:

<html>
<body onSave="autofill();">
<input type="text" name="name_textbox" id="id_textbox" />   
<script type="text/javascript" language="JavaScript">
function autofill(){
    var object = document.getElementsByName('name_textbox');
    object.item(0).value="Autofill successful.";    
}</script>
</body>
</html>

そして、ここに鳥小屋の写真編集コードの onsave 関数コードがあります:

<script type='text/javascript'>var featherEditor = new Aviary.Feather({
   apiKey: 'ceegvx4siylhayrr',
   apiVersion: 3,
   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>

<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>
4

1 に答える 1