如何创建更新模型属性的按钮？

Question

通常我有这个表格来更新照片：

<% form_for(@proto, :url=>{:controller=>"protos", :action=>"update"}, :html => { :multipart => true }) do |f| %>
    <p>
        <%= f.text_field :image_data %>
        <%= submit_tag "Save Proto" %>
    </p>
<% end %>

它要求用户输入图像数据的 base64 字符串，并为原型 model 更新图像。

我的网站上显示了图像。

而不是用户复制然后粘贴 base64 字符串； 我只想有一个使用该图像源的按钮（按钮将在图像下方）来更新@proto的图像。

谁能指出我正确的方法？ 谢谢。

---

Answer 1

我已经解决了这个问题。

我回收了表单，并使用图像的源自动填充了文本字段。

通过使用 javasript 实现它：

document.getElementById("proto_image_data").value = 
document.getElementById("thecanvas").src;

proto_image_data 是它要求的文本字段的 id：image_data，例如。

thecanvas 是我在页面上的图像的 img id。

这是在 javascript function 中，它在同一页面/div 上显示图像和表单。 干杯。

不幸的是，图像下方仍然有一个文本字段（现在图像源已准备好更新）。 但是，这至少实现了不让用户手动复制+粘贴图像源的主要目标。

如果有更好的方法可以做到这一点，请告诉我。 谢谢。

---

此外，我已将文本字段替换为隐藏字段，并且脚本的工作方式相同。 该表单现在是不可见的，但提交按钮。