使用输入类型文本在表单中上传图像

Question

我对网页设计有点新意。 我正在铁轨上制作一个关于ruby的项目。我想要一个特定列表的表单，我可以上传该列表的图像。图像在其他表中。现在一种方式是我可以使用文件上传但是当我编辑任何列表时，它会显示文件字段为空。所以，我正在考虑使用输入类型文本并将浏览按钮和javascript关联起来上传图像。此外，我还想要javacsript函数来添加新图像，编辑图像（特定）或删除图像（特别）。所以，正如你看到它在大脑中给予的痛苦。请解释一下容易做什么，一步一步明智。谢谢你

Answer 1

这是铁轨铸造对你有帮助

http://railscasts.com/episodes/134-paperclip

http://railscasts.com/episodes/253-carrierwave-file-uploads

http://railscasts.com/episodes/381-jquery-file-upload（PRO Cast）

Answer 2

文本字段无法以您描述的方式模仿输入类型文件。

您可能还想看看这篇关于使用HTML，rails和paperclip上传图片的文章如何将文件从HTML5 Drag-Drop发布到Rails 3 App和Paperclip？

Answer 3

令人敬畏的文件附件ruby gem Paperclip将为您做到这一点。

如果您不熟悉这些内容，我强烈建议您观看Railscasts中的这两个截屏视频：

1） http://railscasts.com/episodes/196-nested-model-form-part-1

2） http://railscasts.com/episodes/134-paperclip

图片删除

使用Paperclip删除图像

图片上传

表单添加将用于使用fields_for上传图像的实际表单字段。 还要编辑form_for调用并将表单标记为multipart，以便它可以接受文件上载。

<% form_for @user, :html => {:multipart => true} do |f| %>

…

<% f.fields_for :user_images do |builder| %>

<% if builder.object.new_record? %>

<%= builder.label :caption, "Image Caption" %>
<%= builder.text_field :caption %>

<%= builder.label :photo, "Image File" %>
<%= builder.file_field :photo %>

<% end %>

<% end %>