在没有刷新页面的情况下从js.erb更改部分图像

时间:2014-10-28 14:28:09

标签: ruby-on-rails ruby haml erb

ruby​​ v 1.9.3p194 rails v 3.1.3

我对ruby / rails / js很新,我已经有一段时间没有用了。如何更新capture_photo.js.erb中的两个图像?

我正在使用js从网络摄像头捕获图像并将其设置为用户头像。图像存储在patient.photo_uid中。

我以2个部分显示图像,并希望一旦保存就更新两个图像。我想我想从我的capture_photo.js.erb

做到这一点
//relevant sidbar.html.haml:
  %a#user_sidebar_image{href: "javascript:void(0)"}
  = image_tag user_avatar_url(current_patient, "thumb")

//relevant _patient_info.html.haml:
  %img.img-polaroid{:src => "#{photo}", alt: "Patient avatar image"}


//relevant capture_photo.js.erb:
  <% if @success == true %>
    //I want to set picture here

1 个答案:

答案 0 :(得分:1)

好的......答案是......

 <% if @success == true %>
 $('#user_sidebar_image > img').attr('src', "<%= @patient.photo.try(:url) %>")
 $('.thumbnail-container > img').attr('src', "<%= @patient.photo.try(:url) %>")