如何从选项选择中传递图像 url 值以在 ruby​​ on rails 中形成操作

Question

我想通过填充带有多个选项的“选择”字段的表单从 url 保存图像。提交表单后，所选图像应与 Paperclip gem 一起保存。

这里是 html 选择代码块：

<select id="story_medium" name="story[medium]">
    <option data-img-src="http://www.somedomain.com/image0.jpg" value="0">http://www.somedomain.com/image0.jpg</option>
    <option data-img-src="http://www.somedomain.com/image1.jpg" value="1">http://www.somedomain.com/image1.jpg</option>
    <option data-img-src="http://www.somedomain.com/image2.jpg" value="2">http://www.somedomain.com/image2.jpg</option>
</select>

问题是，当我像通常使用 Paperclip 一样设置表单输入时，在本例中为“:medium”，我收到一条错误消息，显示“ActiveRecord::AssociationTypeMismatch at /stories Medium 预期，得到字符串” .这似乎是因为我将选项值作为字符串而不是整数传递。

Parameters: { "story"=>
    {"url"=>"http://www.somedomain.com/image2.jpg", 
    "title"=>"Title of Image", 
    "medium"=>"2", 
    "commit"=>"Submit"}

如果我将“:medium”更改为“:medium_id”，表单保存不会出错，但是，只保存了键值，Paperclip 不会从指定的 url 保存图像。

如何在表单操作中传递图像 url 的值，以便使用 Paperclip 正确保存？

Rails 4.1.8， 回形针 4.2.1, 红宝石 2.1.5p273

Answer 1

选择列表传递与所选选项对应的值。因此，您首先需要将它们更改为：

<select id="story_medium" name="story[medium]">
    <option data-img-src="http://www.somedomain.com/image0.jpg" value="http://www.somedomain.com/image0.jpg">image0.jpg</option>
    //.. same for all.
</select>

现在在控制器内部。

class StoryController < ApplicationController
  # ... code
  before_action :set_current_story
  after_action :set_image, only: [ :update, :create ] 

  def create
    # ..
  end

  private

  def set_image
    @story.picture = open(story_create_params[:medium])
    @story.save!
  end

  def story_create_params
    params.require(:story).permit(:medium)
  end

  def set_current_story
    @story = Story.find params[:id]
  end
end

Answer 2

看起来你没有使用回形针。模型中有你的has_attached_file :url 吗？设置好该部分后，您可能需要一个 setter，这意味着

#setter
def url_path=(val)
 url = File.open(val)
end

#getter
def url_path
 self.url
end

然后你的表单看起来像

<select id="story_medium_url_path" name="story[medium][url_path]">
    <option data-img-src="http://www.somedomain.com/image0.jpg" value="http://www.somedomain.com/image0.jpg">image0.jpg</option>
    //.. same for all.
</select>

在您的控制器中，将:url_path列入白名单