Javascript Rails 5引导4文件上传前的简单表单图像预览

我正在构建一个Rails 5应用程序，我有一个产品模型，在新的产品表单中，我希望能够预览将上传的图像

我有从教程中得到的字段和一些JS，但它不起作用，而且我在控制台中似乎找不到任何错误

我不是JS的强者，所以这可能是我忽略的小问题

任何帮助都将不胜感激

我的表单字段（表单输入和预览）

---

控制台中显示了什么？@Julien没有显示任何内容，我找到了一个解决方案，该解决方案将作为答案发布。。问题的确是我的JS@ShawnWilson仍然没有答案？控制台中显示了任何内容？@Julien没有显示任何内容，我找到了一个解决方案，它将作为答案发布。。问题的确是我的JS@ShawnWilson还是没有回答？

<%= image_tag("placeholder.png", :id => "img_prev", :class => "preview") %>
<%= f.file_field :image, :class => 'photo_upload', on: {:change => "readURL(this);"} %>

  // Start Image Preview
  function readURL(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();

      reader.onload = function (e) {
        $('#img_prev')
          .attr('src', e.target.result)
          .width(150)
          .height(200);
      };

      reader.readAsDataURL(input.files[0]);
    }
  }