Databases
StackOverflow2013
Postsdbo
POPaperclip multiple image upload
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPaperclip multiple image upload
    primarykey
    data
    text
    <p>Trying to achieve this without breaking the existing data save structure. I have a form that uploads a <em>single image</em> to <strong>asset</strong>. <strong>Edit</strong> Modified the form for 5 image assets. <em>See below</em>. . . </p> <p>The form reads below: </p> <pre><code>&lt;%= form_for @asset, :html =&gt; { :multipart =&gt; true } do |f| %&gt; &lt;div class="span10"&gt; &lt;%= render 'shared/asset_errors' %&gt; &lt;h3&gt;Upload to Procedure Folder&lt;/h3&gt; &lt;/div&gt; &lt;div class="span5"&gt; &lt;% @procedures = @patient.procedure_folders.all %&gt; &lt;%= f.label :procedure_folder_id, "Procedure" %&gt; &lt;%= f.select :procedure_folder_id, @procedures.map { |p| [Procedure.find(p.procedure_id).procedure, p.id] } %&gt; &lt;/div&gt; &lt;div class="span5"&gt; &lt;%= f.label :date %&gt; &lt;%= f.text_field :date, 'data-behaviour' =&gt; 'datepicker' %&gt; &lt;/div&gt; &lt;div class="span10"&gt; &lt;%= f.label :notes %&gt; &lt;%= f.text_field :notes %&gt; &lt;/div&gt; &lt;div class="span10"&gt; &lt;% 5.times do |image| %&gt; &lt;p&gt;&lt;%= f.file_field :asset, name: "asset[asset][#{image}]", id: "asset_asset_#{image}" %&gt;&lt;/p&gt; &lt;% end %&gt; &lt;/div&gt; &lt;div class="span10"&gt; &lt;%= f.hidden_field :patient_id, value: @patient.id %&gt; &lt;%= f.submit "Upload", class: "btn btn-primary" %&gt; &lt;/div&gt; &lt;% end %&gt; </code></pre> <p>What I would like to achieve -- and have read through some of the methods listed -- is to either static place 5 form fields in this form.. or make it jquery ready with a "add another photo" button.</p> <p>Class and Controller</p> <p>Class first: </p> <pre><code>class Asset &lt; ActiveRecord::Base attr_accessible :asset, :asset_content_type, :asset_file_name, :asset_file_size, :asset_updated_at, :patient_id, :procedure_folder_id, :date, :notes belongs_to :procedure_folder belongs_to :patient has_attached_file :asset, :styles =&gt; { :large =&gt; "800x600", :thumb =&gt; "150x150" } validates :date, presence: true validates :patient_id, presence: true validates :asset, :attachment_presence =&gt; true default_scope order: 'assets.date ASC' end </code></pre> <p>Controller: </p> <pre class="lang-rb prettyprint-override"><code>class AssetsController &lt; ApplicationController before_filter :signed_in_user def create @asset = Asset.new(params[:asset]) if @asset.save flash[:success] = "Images uploaded successfully!" redirect_to patient_path(@asset.patient_id) else flash[:error] = "There was an error, Date and Image is required!" redirect_to patient_path(@asset.patient_id) end end def destroy @asset = Asset.find(params[:id]) set_variables if !current_user.admin? flash[:error] = "You do not have delete priviledges" redirect_to procedure_folder_path(@asset.procedure_folder_id) else @asset.destroy flash[:info] = "Image has been deleted and cannot be recovered" redirect_to procedure_folder_path(@asset.procedure_folder_id) end end def set_variables end end </code></pre> <p>What steps can I take to effectively keep the existing structure and avoid adding in a second form. This is running on a small production environment and would like to avoid screwing with existing data... (will test on dev naturally before we use it live).</p> <p>Any thoughts/tips/solutions would be greatly appreciated. </p> <p>Thank you in advance. </p> <p><strong>Edit</strong> </p> <p>Now that the form comes up properly I receive the following error when uploading multiple images. </p> <pre><code> Paperclip::AdapterRegistry::NoHandlerError in AssetsController#create No handler found for {"0"=&gt;#&lt;ActionDispatch::Http::UploadedFile:0x007f88c517c230 @original_filename="Screen Shot 2013-02-11 at 11.03.46 PM.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"asset[asset][0]\"; filename=\"Screen Shot 2013-02-11 at 11.03.46 PM.png\"\r\nContent-Type: image/png\r\n", @tempfile=#&lt;File:/var/folders/8k/ctb40yd92w13qyjj3fn0gdnc0000gn/T/RackMultipart20130604-13969-jzz7cl&gt;&gt;, "1"=&gt;#&lt;ActionDispatch::Http::UploadedFile:0x007f88c563bb40 @original_filename="Screen Shot 2013-03-18 at 10.59.47 PM.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"asset[asset][1]\"; filename=\"Screen Shot 2013-03-18 at 10.59.47 PM.png\"\r\nContent-Type: image/png\r\n", @tempfile=#&lt;File:/var/folders/8k/ctb40yd92w13qyjj3fn0gdnc0000gn/T/RackMultipart20130604-13969-1h5qj85&gt;&gt;, "2"=&gt;#&lt;ActionDispatch::Http::UploadedFile:0x007f88c563da30 @original_filename="Screen Shot 2013-03-18 at 11.01.06 PM.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"asset[asset][2]\"; filename=\"Screen Shot 2013-03-18 at 11.01.06 PM.png\"\r\nContent-Type: image/png\r\n", @tempfile=#&lt;File:/var/folders/8k/ctb40yd92w13qyjj3fn0gdnc0000gn/T/RackMultipart20130604-13969-1xsd0fk&gt;&gt;} Rails.root: /Users/sandovalg/Documents/rails_projects/autre_dlz Application Trace | Framework Trace | Full Trace app/controllers/assets_controller.rb:5:in `new' app/controllers/assets_controller.rb:5:in `create' Request Parameters: {"utf8"=&gt;"✓", "authenticity_token"=&gt;"RjRFHgYu/4fHRl0iksOkivVOR4ikIvavvXxoqSoTMW0=", "asset"=&gt;{"procedure_folder_id"=&gt;"1", "date"=&gt;"2013-06-04", "notes"=&gt;"", "asset"=&gt;{"0"=&gt;#&lt;ActionDispatch::Http::UploadedFile:0x007f88c517c230 @original_filename="Screen Shot 2013-02-11 at 11.03.46 PM.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"asset[asset][0]\"; filename=\"Screen Shot 2013-02-11 at 11.03.46 PM.png\"\r\nContent-Type: image/png\r\n", @tempfile=#&lt;File:/var/folders/8k/ctb40yd92w13qyjj3fn0gdnc0000gn/T/RackMultipart20130604-13969-jzz7cl&gt;&gt;, "1"=&gt;#&lt;ActionDispatch::Http::UploadedFile:0x007f88c563bb40 @original_filename="Screen Shot 2013-03-18 at 10.59.47 PM.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"asset[asset][1]\"; filename=\"Screen Shot 2013-03-18 at 10.59.47 PM.png\"\r\nContent-Type: image/png\r\n", @tempfile=#&lt;File:/var/folders/8k/ctb40yd92w13qyjj3fn0gdnc0000gn/T/RackMultipart20130604-13969-1h5qj85&gt;&gt;, "2"=&gt;#&lt;ActionDispatch::Http::UploadedFile:0x007f88c563da30 @original_filename="Screen Shot 2013-03-18 at 11.01.06 PM.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"asset[asset][2]\"; filename=\"Screen Shot 2013-03-18 at 11.01.06 PM.png\"\r\nContent-Type: image/png\r\n", @tempfile=#&lt;File:/var/folders/8k/ctb40yd92w13qyjj3fn0gdnc0000gn/T/RackMultipart20130604-13969-1xsd0fk&gt;&gt;}, "patient_id"=&gt;"1"}, "commit"=&gt;"Upload"} </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USsandovalg
    1. USsandovalg
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPaperclip multiple image upload
      1. This table or related slice is empty.
      1. VTUpMod
    1. COIf I'm following you correctly, you want to store a list of pictures in a field where you were storing a single picture? With minimal change?
      singulars
      1. POPaperclip multiple image upload
      1. USNarfanator
    2. COYes, correct. Would like to be able . . . utilizing the same form.. to gain the ability to upload multiple photos. As an example **f.file_field :asset** to accept _:asset[1], :asset[2], :asset[x]_. Does that help clarify the request? Thank you kindly for your comment.
      singulars
      1. POPaperclip multiple image upload
      1. USsandovalg
    3. COwell there is quite a bit to do, model associations for one, so a patient has_many assets? also there will be some small javascript involved but take a look at the following railscasts http://railscasts.com/episodes/196-nested-model-form-part-1?view=asciicast and http://railscasts.com/episodes/134-paperclip
      singulars
      1. POPaperclip multiple image upload
      1. USRichlewis
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload