Question

我在Rails应用程序的ruby中使用了简单形式的gem。在我的应用中，我还使用ActiveStorage来保存图像。

我正在使用Krajee jQuery文件输入

我希望能够使用简单的表格gem上传图像。这是我的输入：

<%= f.input :image, input_html: { id: :image_input } %>

我应该使用此命令初始化输入（由docs提供）

<script>

  $(function() {

        // initialize with defaults
        $("#image_input").fileinput();

        // with plugin options
       $("#image_input").fileinput({'showUpload':false, 'previewFileType':'any'});

  });

</script>

jQuery代码未隐藏输入。我检查了是否安装了jQuery，并确保它正在运行。我认为问题出在我创建输入字段的方式中，但是我不太确定。

感谢您的帮助。

UPDATE

当我检查页面源时，输入确实具有正确的ID，但是，输入的样式设置为display: none。我猜想这与Krajee库有关。

我尝试了这篇文章：Change id in simple form

它不起作用。

Answer 1

尝试将id保留为字符串而不是符号像这样

html: {class: "form-horizontal quote-form", id: "send-quote-form", :multipart => true})

Answer 2

尝试一下

$(document).ready(function(){
    // initialize with defaults
    $("#image_input").fileinput();

    // with plugin options
    $("#image_input").fileinput({'showUpload':false, 'previewFileType':'any'});
})

jQuery中未检测到简单表单ID

2 个答案: