1

Aviary を使用してオンラインで画像を編集しています。通常、ローカル ファイルをクリックして編集し、保存します。

保存すると、画像のsrcパスがローカルの「uploadedimage.jpg」から次のような長い一時 URL に変わります。

http://featherfiles.aviary.com/2013-07-01/kvs78lgyil6sxlc5/69318ad57a1d490d8215cc1097cf6c32.png

編集が完了したら、JavaScript に更新された URL を取得させようとしています。「settimeout」パラメーターを設定しようとしましたが、それでも画像の元のローカル URL を取得し続けます。

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

<!-- Instantiate Feather -->

<script type='text/javascript'>
 var featherEditor = new Aviary.Feather({
   apiKey: 'apikey',
   apiVersion: 2,
   tools: 'all',
   appendTo: '',
   onSave: function (imageID, newURL) {
       var img = document.getElementById(imageID);
       img.src = newURL;
setTimeout(function(){fillform()}, 5000);
 },
   onError: function(errorObj) {
       alert(errorObj.message);
   }
   });
   function launchEditor(id) {
   featherEditor.launch({
       image: id
   });
  return false;
   }
</script>


<div id='injection_site'></div>
<%= form_for @post, :html => { :class => 'form-horizontal' } do |f| %>
<img id='image1' <%= image_tag @post.productimage_url.to_s %>
<% end %>
<!-- 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');" /></p>



<script type="text/javascript" language="JavaScript">
var bob = document.getElementById('image1').src;
var fillform = function ()
{
setTimeout(function(){document.getElementById("textbox1").value=bob}, 3000);
}
</script>

myformfield: <input type="text" name="name_textbox" id="textbox1" />
4

1 に答える 1

3

これは、次の理由による可能性が最も高いです。

var bob = document.getElementById('image1').src;

文字列のコピーを作成しています。したがって、実行すると：

document.getElementById("textbox1").value=bob

最初に定義されたときの文字列をそのまま使用しています。コールバックを次のように変更することをお勧めします。

setTimeout(function()
   {
      var bob = document.getElementById('image1').src; // Get current value
      document.getElementById("textbox1").value=bob
   }, 3000);

その後、グローバルbob変数を取り除くこともできます。

それを修正する別の方法は、onSaveコールバックを次のように変更することです。

img.src = newURL;

に：

bob = img.src = newURL; // Update bob
于 2013-07-01T21:57:50.140 に答える