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（专业演员）

Answer 2

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

您可能还想看一下这篇关于使用HTML，rails和paperclip上传图片的帖子 How to POST files from HTML5 Drag-Drop to a 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

图片删除

Delete an image with 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 %>

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

3 个答案: