使用輸入類型文本在表單中上傳圖像

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