「Railsで画像をデータベースに登録し表示する。」の版間の差分

提供: sha.ngri.la
移動先: 案内、 検索
(ページの作成：「==Link== *[http://qiita.com/kkabetani/items/d2c72394a490293277cc Rails でファイルをアップロードしてDBに登録する - Qiita] *[http://qiita.com/gaaamii/i...」)
 
細 (→‎images.controller.rbを編集)
 
(同じ利用者による、間の6版が非表示)
1行目: 1行目:
 +
==モデルなどの状況==
 +
<pre>
 +
mysql> describe images;
 +
+------------+--------------+------+-----+---------+----------------+
 +
| Field      | Type        | Null | Key | Default | Extra          |
 +
+------------+--------------+------+-----+---------+----------------+
 +
| id        | int(11)      | NO  | PRI | NULL    | auto_increment |
 +
| filename  | varchar(255) | YES  |    | NULL    |                |
 +
| memo      | text        | YES  |    | NULL    |                |
 +
| photo      | mediumblob  | YES  |    | NULL    |                |
 +
| created_at | datetime    | YES  |    | NULL    |                |
 +
| updated_at | datetime    | YES  |    | NULL    |                |
 +
+------------+--------------+------+-----+---------+----------------+
 +
</pre>
 +
<code>photo</code>に画像を登録します。
 +
==画像の登録==
 +
===_form.html.erbを編集===
 +
<pre>
 +
  <div class="form-group">
 +
    <%= f.label :photo %>
 +
    <%= f.file_field :photo %>
 +
  </div>
 +
</pre>
 +
を追加しました。
 +
 +
===images.controller.rbを編集===
 +
<pre>
 +
  def create
 +
    photo = image_params[:photo]
 +
    if photo != nil
 +
      image_params[:photo] = photo.read
 +
    end
 +
    @image = Image.new(image_params)
 +
</pre>
 +
<code>photo = imgae_params[:photo]</code>に上の4行を追加しました。
 +
<pre>
 +
    def image_params
 +
      params.require(:image).permit(:filename, :memo, :photo)
 +
    end
 +
</pre>
 +
<code>def image_params</code>に<code>:photo</code>を追加しました。
 +
 +
==画像の表示==
 +
===routes.rbの編集===
 +
次の5行を追加。
 +
<pre>
 +
  resources :images do
 +
    member do
 +
      get 'show_image'
 +
    end
 +
  end
 +
</pre>
 +
 +
===images_controllers.rbの編集===
 +
<pre>
 +
  def show_image
 +
    @image = Image.find(params[:id])
 +
    send_data @image.photo, :type => 'image/jpeg', :disposition => 'inline'
 +
  end
 +
</pre>
 +
 +
===index.html.erbの編集===
 +
<pre>
 +
  <%= link_to image_tag(show_image_image_path(image), :width => 300),image %>
 +
</pre>
 +
 +
===show.html.erbの編集===
 +
<pre>
 +
  <%= image_tag(show_image_image_path(@image)) %>
 +
</pre>
 +
 
==Link==
 
==Link==
 
*[http://qiita.com/kkabetani/items/d2c72394a490293277cc Rails でファイルをアップロードしてDBに登録する - Qiita]
 
*[http://qiita.com/kkabetani/items/d2c72394a490293277cc Rails でファイルをアップロードしてDBに登録する - Qiita]

2024年1月19日 (金) 04:20時点における最新版

モデルなどの状況

mysql> describe images;
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | int(11)      | NO   | PRI | NULL    | auto_increment |
| filename   | varchar(255) | YES  |     | NULL    |                |
| memo       | text         | YES  |     | NULL    |                |
| photo      | mediumblob   | YES  |     | NULL    |                |
| created_at | datetime     | YES  |     | NULL    |                |
| updated_at | datetime     | YES  |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+

photoに画像を登録します。

画像の登録

_form.html.erbを編集

  <div class="form-group">
    <%= f.label :photo %>
    <%= f.file_field :photo %>
  </div>

を追加しました。

images.controller.rbを編集

  def create
    photo = image_params[:photo]
    if photo != nil
      image_params[:photo] = photo.read
    end
    @image = Image.new(image_params)

photo = imgae_params[:photo]に上の4行を追加しました。 

    def image_params
      params.require(:image).permit(:filename, :memo, :photo)
    end

def image_paramsに:photoを追加しました。

画像の表示

routes.rbの編集

次の5行を追加。 

  resources :images do
    member do
      get 'show_image'
    end
  end

images_controllers.rbの編集

  def show_image
    @image = Image.find(params[:id])
    send_data @image.photo, :type => 'image/jpeg', :disposition => 'inline'
  end

index.html.erbの編集

   <%= link_to image_tag(show_image_image_path(image), :width => 300),image %>

show.html.erbの編集

  <%= image_tag(show_image_image_path(@image)) %>

Link

「https://sha.ngri.la/index.php?title=Railsで画像をデータベースに登録し表示する。&oldid=5267」から取得