Question

嘿伙计们我正在尝试创建一个带图像的按钮。所以基本上，我需要下面代码的button_to版本：|

<%= link_to image_tag(product.image_url, :class => "img"), line_items_path(:product_id => product) %>

Answer 1

这是我的解决方案：

使用按钮助手（您可以使用button_to辅助方法）：

<%= f.submit 'Save', :class => "button_with_image_save" %>

CSS：

.button_with_image_save {
    background: url(../images/icons/page_save.png) #f2efa8 no-repeat 10px 6px;
    text-indent:30px;
    display:block;
    cursor: pointer;
}

Answer 2

这是一篇非常古老的帖子，但供将来参考：自Rails 3.2.1起，您可以使用button_tag代替button_to，因为第一个本机允许使用图片：

创建一个按钮元素，用于定义提交按钮，重置按钮或可在JavaScript中使用的通用按钮。您可以将按钮标记用作常规提交标记，但在旧版浏览器中不支持。但是，按钮标签允许更丰富的标签，如图像和强调，因此这个帮助器也会接受一个块。

至于你的例子：

<%= button_tag image_tag(product.image_url), line_items_path(:product_id => product), class: 'img' %>

我没有测试代码，但它应该可以工作。您可能需要使用url:

声明网址

Answer 3

您可以创建一个帮助器作为button_to链接 -

<%= button_to product.image_url, line_items_path(:product_id => product) %>

并在application_helper

中

def button_to(image_path, link)
  link_to (image_tag(image_path, :class => "img"), link)
end

我想这就是你想要的。

Answer 4

简短的回答是你需要创建一个辅助方法，这很简单：

这是一个类似的SO帖子解释它：Is there a way with rails form helper to produce a button tag for submit

祝你好运

Answer 5

图片提交按钮：

struct node *(succ(struct node *a,struct node *b))
{
    struct node *xptr;
    xptr=b;                                                                     
    if(a!=NULL) 
    {                   
        xptr=succ(a->left,xptr);
        if(xptr!=NULL)          
        {                               
            printf(" %d is the successor of %d\n",a->x,xptr->x);
        }
        else                            
            printf("%d is the successor of no one\n",xptr->x);
        xptr=a;                         
        if(xptr->right==NULL)
        {                       
            return xptr;        
        }                               
        xptr=succ(a->right,xptr);               
        return xptr;                    
    }
    else                        
        return xptr; 
}

与图片链接：

<%= image_submit_tag("team/team1.png", class: 'image-responsive') %>

Answer 6

添加图片是 app / assets / image

文件夹

在视图中

<%= image_submit_tag('nameimage.png') %>

缺点是你无法改变尺寸大小，但你必须拥有你想要出现的尺寸的图像

带图像的按钮？

6 个答案: