如何使用javascript变量获取rails url

我有一个像这样的图像链接：

<a href="#user-image-modal" data-toggle="modal" data-id="<%= image.id %>"><img class="user-photo" src="<%= image.picture.medium.url %>" alt="" /></a>

  <div id="user-image-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="user-image" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        </div>
        <div class="modal-body">
          <img src="" alt="">
        </div>
        <div class="modal-footer">
        </div>
      </div>
    </div>
  </div>

---

我需要使用

UserImage.find（photo.picture.large.url

在模态的img标记中设置src属性。photo变量对应于

UserImage

记录的id。如何使用photo变量获取正确的url。我认为我不能在erb标签中使用photo变量。

将大图片url作为数据属性添加到链接中，就像使用

id

属性一样。然后（单击）获取url并执行任何您想要的操作

<a href="#user-image-modal" data-toggle="modal" data-url="<%= image.picture.large.url %>">
  <img class="user-photo" src="<%= image.picture.medium.url %>" alt="" />
</a>

$('#user-image-modal').on('show.bs.modal', function (event) {
  var link = $(event.relatedTarget);
  var imgSrc = link.data('url');
  var modal = $(this);

  modal.find(".modal-body img").attr('src', imgSrc);
})

$（“#用户图像模式”）.on（'show.bs.modal'，函数（事件）{
var link=$（event.relatedTarget）；
var imgSrc=link.data（'url'）；
var modal=$（本）；
modal.find（“.modal body img”）.attr（'src'，imgSrc）；
})

另一种方法是使用给定的

id

发送AJAX查询以获取图片

<a href="#user-image-modal" data-toggle="modal" data-url="<%= image.picture.large.url %>">
  <img class="user-photo" src="<%= image.picture.medium.url %>" alt="" />
</a>

$('#user-image-modal').on('show.bs.modal', function (event) {
  var link = $(event.relatedTarget);
  var imgSrc = link.data('url');
  var modal = $(this);

  modal.find(".modal-body img").attr('src', imgSrc);
})