Question

我有一个文件字段，用户可以在其中附加照片

<%= f.label :photo, "Add a photo of yourself" %>
<%= f.file_field :photo, class: "form-control" %>

我刚刚下载了一个bootstrap主题。

以下是使用bootstrap主题创建文件字段的html：

<div class="fileinput fileinput-new input-group" data-provides="fileinput">
<div class="form-control" data-trigger="fileinput">
<i class="glyphicon glyphicon-file fileinput-exists"></i> 
<span class="fileinput-filename"></span>
</div>
<span class="input-group-addon btn btn-default btn-file">
<span class="fileinput-new">Select file</span>
<span class="fileinput-exists">Change</span>
<input type="file" name="..."></span>
<a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
</div>

我如何转换主题的html以使用上面的rails表单助手来创建文件字段？

Answer 1

<span class="fileinput-exists">Change</span>
<input type="file" id="CLASSNAME_photo" name="CLASSNAME[photo]"></span>

例如：嵌套照片在我的代码中看起来像这样：

<input id="blog_post_blogpostattachment_attributes_attachment" name="blog_post[blogpostattachment_attributes][attachment]" type="file">/</input>

应该是这样的，为了正确的id和名称，你可以通过检查文件字段在浏览器中检查。你知道，检查渲染的html。

然后代替＆lt;％file_field％＆gt;添加你拥有的东西。

如何使用rails form helpers创建复杂的文件字段？

1 个答案: