RailsとAIRで作成する画像のRevolver表示（前篇）

Rails ActionWebServiceとAIRの連携による画像のRevolver表示

Ruby on Railsによる野球選手マスタメンテナンスアプリケーションの作成 その3

ビューの修正 2／2

　新規作成時だけでなく編集時にも画像をアップロードできるように、ビューを修正します。

edit.rhtml

<div class="title" style="margin-bottom: 10px;">
  <h2>野球選手マスタの編集</h2>
</div>

<% form_for :mst_baseball_player, @mst_baseball_player,
            :url=>{:action=>'update'},
            :html=>{:multipart=>true} do |f| %>
  <%= render(:partial=>'edit', :locals=>{:f=>f}) %>
  <%= submit_tag "編集" %>
<% end %>

<%= link_to '参照', :action =>'show', :id =>@mst_baseball_player %> |
<%= link_to '戻る', :action => 'list' %>

_edit.rhtml

<%= error_messages_for 'mst_baseball_player' %>
<table class="confirm">
  <tr>
    <th>ID</th>
    <td><%= f.text_field 'id', :readonly=>true -%></td>
  </tr>
  <tr>
    <th>選手名</th>
    <td><%= f.text_field 'player_name' -%></td>
  </tr>
  <tr>
    <th>背番号</th>
    <td><%= f.text_field 'uniform_number' -%></td>
  </tr>
  <tr>
    <th>プロフィール</th>
    <td>
      <%= f.text_area 'profile', :cols=>50, :rows=>5 %>
    </td>
  </tr>
  <tr>
    <th>記録</th>
    <td>
      <%= f.text_area 'record', :cols=>50, :rows=>5 %>
    </td>
  </tr>
  <tr>
    <th>コメント</th>
    <td>
      <%= f.text_area 'comment', :cols=>50, :rows=>5 %>
    </td>
  </tr>
  <tr>
    <th>投手フラグ</th>
    <td>
      <%= f.check_box 'pitcher_flag' %>
    </td>
  </tr>
  <tr>
    <th>勝数</th>
    <td><%= f.text_field 'win_count' -%></td>
  </tr>
  <tr>
    <th>負数</th>
    <td><%= f.text_field 'defeat_count' -%></td>
  </tr>
  <tr>
    <th>セーブ数</th>
    <td><%= f.text_field 'save_count' -%></td>
  </tr>
  <tr>
    <th>防御率</th>
    <td><%= f.text_field 'earned_run_average' -%></td>
  </tr>
  <tr>
    <th>出場試合数</th>
    <td><%= f.text_field 'games_started' -%></td>
  </tr>
  <tr>
    <th>打率</th>
    <td><%= f.text_field 'batting_average' -%></td>
  </tr>
  <tr>
    <th>HR</th>
    <td><%= f.text_field 'home_run' -%></td>
  </tr>
  <tr>
    <th>打点</th>
    <td><%= f.text_field 'ribby' -%></td>
  </tr>
  <tr>
    <th>盗塁</th>
    <td><%= f.text_field 'base_steal' -%></td>
  </tr>

  <tr>
    <th><label for='image_file_data'>画像ファイル:</label></th>
    <td colspan="5"><%= f.file_field :file_data %></td>
  </tr>

  <tr>
    <th>メイン画像ファイルパス</th>
    <td><%= f.text_field 'main_image_path' -%></td>
  </tr>
  <tr>
    <th>詳細画像ファイルパス</th>
    <td><%= f.text_field 'detail_image_path' -%></td>
  </tr>
  <tr>
    <th>拡大画像ファイルパス</th>
    <td><%= f.text_field 'expanded_image_path' -%></td>
  </tr>
</table>

　これで、図4、図5のような画面から画像をアップロードできるようになります。図4、図5はnew.rhtmlにアクセスしたときに表示される画像です。

図04-画像のアップロード-01

図05-画像のアップロード-02