javascript - 使用输入类型文本以表单形式上传图像

Question

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

Answer 1

那是rails casts对你有帮助

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 和回形针上传图像的帖子 How to POST files from HTML5 Drag-Drop to a Rails 3 App & Paperclip？

Answer 3

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

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

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

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

图片删除

使用回形针删除图像

图片上传

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

<% 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 %>