Rails中如何在Index/Show与Order页面间完整传递变量？

看起来你遇到的核心问题是图片路径（book_image）在传递到Order页面后丢失了大小写和后缀，甚至无法正常输出到image-var属性里。我来帮你一步步排查和解决：

1. 先修正ERB输出的基础错误 #

你当前Order视图里的image-var="<%books.book_image%>"有个关键问题：ERB标签里少了等号。<% %>只会执行Ruby代码但不会把结果输出到HTML中，必须用<%= %>才能将变量值渲染到页面上。

修改后的代码应该是：

<div class="image-container <%= 'active' if book.id == params[:id].to_i %>" image-var="<%= book.book_image %>">
  <%= image_tag book.book_image, class: "book-image" %>
</div>

另外注意：如果这段代码是在遍历书籍列表的循环里（比如@books.each do |book|），变量名应该是单数book而不是books，否则会指向集合而非单个书籍对象，导致取值错误。

2. 确保变量传递的两种可靠方式 #

方式一：通过ID查询数据库获取完整路径（推荐） #

你已经通过params[:id]在Order页面定位到了对应的书籍，只要确保从数据库查询到的book.book_image是完整保留大小写和后缀的原始字符串，那么用上面修正后的ERB代码就能正确输出到image-var属性中。

方式二：直接在URL参数中传递图片路径 #

如果你担心数据库查询可能带来的问题，或者想减少一次查询，可以直接在Index/Show页面的link_to里把图片路径作为额外参数传递：

<%= link_to 'Get a Collectible', order_books_path(id: book.id, image_path: book.book_image), class: "btn merch" %>

然后在Order视图里直接使用URL参数的值：

<div class="image-container <%= 'active' if book.id == params[:id].to_i %>" image-var="<%= params[:image_path] %>">
  <%= image_tag params[:image_path], class: "book-image" %>
</div>

Rails会自动处理URL的编码和解码，不用担心特殊字符或大小写丢失的问题。

3. 传递到HubSpot的正确姿势 #

当image-var属性正确渲染后，用JavaScript/jQuery获取这个值并传给HubSpot就很简单了：

// 获取活跃状态的图片容器的image-var值
const selectedImage = $('.image-container.active').attr('image-var');

// 示例：将值传入HubSpot表单或事件
if (selectedImage) {
  // 这里替换成你实际使用的HubSpot API调用
  hbspt.forms.create({
    portalId: 'YOUR_PORTAL_ID',
    formId: 'YOUR_FORM_ID',
    fields: [
      { name: 'selected_collectible_image', value: selectedImage }
    ]
  });
}

额外排查点 #

如果还是出现大小写或后缀丢失的情况，检查：

• 数据库中book_image字段的存储值是否是原始的完整字符串（比如是否被自动转换为小写）
• 有没有在模型层对book_image做过格式化处理（比如回调方法修改了值）

内容的提问来源于stack exchange，提问作者Jake