Rails中引用图片问题(image_tag)

在 rails的模板文件中,如果想引用图片的路径怎么办。

图片是放在 app/assets/images/ 路径下的。但是在 html标签 的src属性中如何设置呢?

查看了rails 的API 如下:

image_tag("icon")  # =>
  <img src="/images/icon" alt="Icon" />


但是实际上是 路径


<img src="/assets/icon" alt="Icon" />


所以设置html标签是 可以使用 “/assets/...“  这个路径。

就目前来看,感觉 image_tag 帮助函数的用处不是很大。 因为大多数时候需要在其他html标签的中引用图片


同样,在css中的url引用路径也需要使用“/assets/...“  而不是相对与 css文件所在目录的相对路径”../images/...“  正常的css中的url中的路径需要

使用相对与css文件的路径,但是在rails中可能css文件的路径在执行的时候被的动态的改变了吧,使用相对路径不好使。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用HTML Form以及Rails的form_for和form_tag可以方便地创建表单,其包括多选下拉框。下面是一些使用技巧: 1. 使用form_for创建表单: ``` <%= form_for @model do |f| %> <%= f.select :attribute, options_for_select([["Option 1", 1], ["Option 2", 2], ["Option 3", 3]], @model.attribute), {}, multiple: true %> <%= f.submit "Submit" %> <% end %> ``` 其,options_for_select可以为选项提供一个数组,第一个元素是选项的标签,第二个元素是选项的值。在这个例子,我们创建了一个多选下拉框,它会将选的值存储在@model.attribute。 2. 使用form_tag创建表单: ``` <%= form_tag some_path do %> <%= select_tag :attribute, options_for_select([["Option 1", 1], ["Option 2", 2], ["Option 3", 3]], params[:attribute]), {}, multiple: true %> <%= submit_tag "Submit" %> <% end %> ``` 这个例子,我们使用form_tag创建表单,并创建了一个多选下拉框,它会将选的值存储在params[:attribute]。 3. 使用select2插件: select2是一个快速创建具有搜索功能的下拉框的jQuery插件。要使用它,首先需要将它添加到项目: ``` # application.js //= require select2 # application.css *= require select2 *= require select2-bootstrap ``` 然后,可以使用下面的代码创建select2下拉框: ``` <%= f.select :attribute, options_for_select([["Option 1", 1], ["Option 2", 2], ["Option 3", 3]], @model.attribute), {}, multiple: true, class: "select2" %> <script> $(document).ready(function() { $('.select2').select2(); }); </script> ``` 在这个例子,我们将select2应用于多选下拉框,它会在下拉菜单添加搜索框,并使用户能够更容易地查找选项。 希望这些技巧对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值