Question

我有一个text_field，它是图像的url，我想将其加载到img标记中。我还想在image_url文本框失去焦点时更新图像，以便他们可以更改网址并查看预览。

以下是视图的相关内容：

 <div class="control-group">
    <%= f.label :image, :class => 'control-label' %>
    <div class="controls">
      <%= f.text_field :image_url, :class => 'text_field', id: "image_url" %>
    </div>
  </div>

  Preview: <img id="preview" src="">

和嵌入式js ......

<script type="text/javascript">

document.observe('dom:loaded', function() {
  $('preview').src = $('image_url').text
  $('image_url').bind("focusout",function(){
    $('preview').src = this.text
    )}

});

加载时我什么都没得，src没有改变

Answer 1

您需要指定要查找的对象的选择器。我也会准备好文件。

$(document).ready(function() {
  $('#preview').src = $('#image_url').text();
  $('#image_url').bind("focusout",function(){
    $('#preview').src = this.text();
  });
});

使用JS在Rails视图中预览图像

1 个答案: