railsで画像の編集ができない

Question

実現したいこと

商品情報を編集する際、画像が変更できずエラーが発生してしまう。

発生している問題・分からないこと

編集の更新ボタンを押した際、コンソールにて下記エラーメッセージが発生いたします。

エラーメッセージ

5:53 
        
        
       GET http://localhost:3000/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBZ3ciLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9927478003bae35be9d79068d20356911a84fd72/bakedcheesecake.jpg 404 (Not Found)

Started PATCH "/items/5" for ::1 at 2024-05-05 17:50:34 +0900
Processing by ItemsController#update as HTML
  Parameters: {"authenticity_token"=>"UmC25Xnh+x/1AceM4RYlShbLnCuTIH5irXTH/CJ/cQ/aiOrnJjypcxfKio5YVi+R3iiXb/zSUs+sZM7YEiaQbQ==", "item"=>{"image"=>#<ActionDispatch::Http::UploadedFile:0x00007fce879f7358 @tempfile=#<Tempfile:/var/folders/lz/gh5tmw3x3wx3g7xrsxqsfj4r0000gn/T/RackMultipart20240505-4029-2bc7ad.jpg>, @original_filename="bakedcheesecake.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"item[image]\"; filename=\"bakedcheesecake.jpg\"\r\nContent-Type: image/jpeg\r\n">, "name"=>"ベイクドチーズケーキ", "content"=>"国産素材を使用したチーズケーキです。", "code"=>"222", "category_id"=>"7", "cost"=>"900", "price"=>"1300", "price_unit"=>"箱", "order_unit"=>"1", "quantity"=>"12", "order_lot"=>"1", "eat_time"=>"90"}, "commit"=>"登録する", "id"=>"5"}
  Item Load (0.7ms)  SELECT `items`.* FROM `items` WHERE `items`.`id` = 5 LIMIT 1
  ↳ app/controllers/items_controller.rb:33:in `update'
  Rendering items/edit.html.erb within layouts/application
  Admin Load (0.7ms)  SELECT `admins`.* FROM `admins` WHERE `admins`.`id` = 6 ORDER BY `admins`.`id` ASC LIMIT 1
  ↳ app/views/shared/_header.html.erb:10
  Rendered shared/_header.html.erb (Duration: 6.5ms | Allocations: 1811)
  ActiveStorage::Blob Load (0.7ms)  SELECT `active_storage_blobs`.* FROM `active_storage_blobs` INNER JOIN `active_storage_attachments` ON `active_storage_blobs`.`id` = `active_storage_attachments`.`blob_id` WHERE `active_storage_attachments`.`record_id` = 5 AND `active_storage_attachments`.`record_type` = 'Item' AND `active_storage_attachments`.`name` = 'image' LIMIT 1
  ↳ app/views/items/_form.html.erb:12
  Rendered items/_form.html.erb (Duration: 12.4ms | Allocations: 3468)
  Rendered items/edit.html.erb within layouts/application (Duration: 19.9ms | Allocations: 5421)
[Webpacker] Everything's up-to-date. Nothing to do
Completed 200 OK in 38ms (Views: 29.9ms | ActiveRecord: 2.2ms | Allocations: 12162)


Started GET "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBZ3ciLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9927478003bae35be9d79068d20356911a84fd72/bakedcheesecake.jpg" for ::1 at 2024-05-05 17:50:34 +0900
Processing by ActiveStorage::BlobsController#show as JPEG
  Parameters: {"signed_id"=>"eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBZ3ciLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9927478003bae35be9d79068d20356911a84fd72", "filename"=>"bakedcheesecake"}
Filter chain halted as :set_blob rendered or redirected
Completed 404 Not Found in 2ms (ActiveRecord: 0.0ms | Allocations: 711)

該当のソースコード

class ItemsController < ApplicationController
  before_action :set_q, only: [:index, :search]
  def index
    @items = Item.order(id:"DESC")
  end
  
  def new
    @item = Item.new
  end

  def create
    @item = Item.create(item_params)
    if @item.save
      redirect_to root_path
    else
      render :new
    end
  end

  def show
    @item = Item.find(params[:id])
    @total_quantity = @item.stocks.sum(:quantity)
    @item_stocks = @item.stocks.all
    @most_old_stocks = @item_stocks.order("eat_limit")
    @today = Date.today
  end

  def edit
    @item = Item.find(params[:id])
  end

  def update
    @item = Item.find(params[:id])
    if @item.update(item_params)
      redirect_to item_path(@item)
    else
      render :edit
    end
  end
~~~
  private
  def item_params
    params.require(:item).permit(:image, :name, :content, :code, :category_id, :cost, :price, :price_unit, :order_unit, :quantity, :order_lot, :eat_time)
  end
~~~
end

<%= form_with model:item, local: true do |f| %>

  <div class="item-form-field">
    <div>
      <%= f.label :image, "商品写真"%>
    </div>
    <div>
      <div>
        <%= f.file_field :image, id:"item-edit-image"  %>
      </div>
      <div>
        <% if @item.image.attached? %>
          <%= image_tag @item.image, id: "image-preview", class: "item-img" %>
        <% else %>
          <%= image_tag "", id: "iamge-preview", class: "item-img"%>
        <% end %>
      </div>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :name, "商品名" %>
    </div>
    <div>
      <%= f.text_area :name, class:"items-text", id:"item-name", placeholder:"商品名（必須 40文字まで)", maxlength:"40" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :content, "商品情報" %>
    </div>
    <div>
      <%= f.text_area :content, class:"items-content", id:"item-content", placeholder:"商品の説明（おすすめポイント、使用方法等）を記入する。" ,rows:"7" ,maxlength:"1000" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :code, "商品コード" %>
    </div>
    <div>
      <%= f.text_field :code, class:"items-code", id:"item-code", placeholder:"商品コード (例) 0000000" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :category_id, "商品カテゴリー" %>
    </div>
    <div>
      <%= f.collection_select(:category_id, Category.all, :id, :name, {}, {class:"select-box", id:"item-category"}) %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :cost, "商品原価" %>
    </div>
    <div>
      <%= f.text_field :cost, class:"items-cost", id:"item-cost", placeholder:"振替価格 (例)300" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :price, "商品販売価格" %>
    </div>
    <div>
      <%= f.text_field :price, class:"items-price", id:"item-price", placeholder:"希望価格 (例) 500" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :price_unit, "商品価格単位" %>
    </div>
    <div>
      <%= f.text_area :price_unit, class:"items-price-unit-form", id:"item-price-unit", placeholder:"価格単位 (例)箱(4P入り)" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :order_unit, "商品発注単位" %>
    </div>
    <div>
      <%= f.text_field :order_unit, class:"items-order-unit", id:"item-order-unit", placeholder:"最小注文単位 (例)10" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :quanitity, "商品ケース入り数" %>
    </div>
    <div>
      <%= f.text_field :quantity, class:"items-quanitity", id:"item-quanitity", placeholder:"ケース入数 (例)12" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :order_lot, "商品最小入荷ロット" %>
    </div>
    <div>
      <%= f.text_field :order_lot, class:"items-order-lot", id:"item-order-lot", placeholder:"最小在庫発注単位(ケース) (例)10" %>
    </div>
  </div>

  <div class="item-form-field">
    <div>
      <%= f.label :eat_time, "商品賞味期限" %>
    </div>
    <div>
      <%= f.text_field :eat_time, class:"items-eat-time", id:"item-eat-time", placeholder:"賞味期間(日) (例)90" %>
    </div>
  </div>

  <div class="item-form-btn">
    <%= f.submit "登録する", class:"item-btn"%>
  </div>
<% end %>

class Item < ApplicationRecord
  extend ActiveHash::Associations::ActiveRecordExtensions
  belongs_to :category
  has_one_attached :image
  has_many :users, through: :item_users
  has_many :item_users
  has_many :admins, through: :item_admins
  has_many :item_admins
  has_many :stocks
  has_many :favorites, dependent: :destroy
  belongs_to :order
end

test:
  service: Disk
  root: <%= Rails.root.join("tmp/storage") %>

local:
  service: Disk
  root: <%= Rails.root.join("storage") %>

# Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
# amazon:
#   service: S3
#   access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
#   secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
#   region: us-east-1
#   bucket: your_own_bucket

# Remember not to checkin your GCS keyfile to a repository
# google:
#   service: GCS
#   project: your_project
#   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
#   bucket: your_own_bucket

# Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
# microsoft:
#   service: AzureStorage
#   storage_account_name: your_account_name
#   storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
#   container: your_container_name

# mirror:
#   service: Mirror
#   primary: local
#   mirrors: [ amazon, google, microsoft ]

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

・item_paramsに:imageが記載されているかの確認
・画像をプレビュー表示させることで画像自体が選択できているかの確認

補足

現在の挙動
https://gyazo.com/7e5ac6abb79bd14dc52dc781048e10e1

現在railsを学習の為、他にも記載した方がいいコード等あればコメントいただければ幸いです。
よろしくお願いいたします。

Comments

[winterboum]

１ models/item.rb を載せてください
2 どこまでうまく行ったのかが推定になってしまいますので、そのエラーの前から載せてください。
Started PATCH "/item。。。。。 で始まる行から。

[takuya-siro]

コメントありがとうございます。質問を修正したのでご確認よろしくお願いいたします。
ターミナルのエラーメッセージを追記させていただきました。

Answer 1

error の4〜6行が

  Item Load (0.7ms)  SELECT `items`.* FROM `items` WHERE `items`.`id` = 5 LIMIT 1
  ↳ app/controllers/items_controller.rb:33:in `update'
  Rendering items/edit.html.erb within layouts/application

と DBへのsaveの記録なしに editの描画に行ってます。これは vlidationに失敗したのですね。
で、
_formの 12〜16行の

        <% if @item.image.attached? %>
          <%= image_tag @item.image, id: "image-preview", class: "item-img" %>
        <% else %>
          <%= image_tag "", id: "iamge-preview", class: "item-img"%>
        <% end %>

if は成立したので imageを取りに行ったら無かった。
問題は2つあります

1. なぜvalidationに失敗したのか

2. Item id=6 は imageUPに成功したと認識している(@item.image.attached?がtrue）が、そのfileが実在しない（ようだ）

3. は今の情報ではわかりません。controller 34行目の updateを一時的に update! にしてみて。画面になぜ駄目かが表示されます。

問題は２の方。
気になるのは Started GET "/rails/active_storage と rails が入ってるあたらりがハテ。
Rails root はどこでしょう。そこで dir すると何があります？

Comments

[takuya-siro]

ご回答いただきありがとうございます。
２のrails routesの該当箇所ですが下記になると思われます。
rails_disk_service GET /rails/active_storage/disk/:encoded_key/*filename(.:format) active_storage/disk#show
update_rails_disk_service PUT /rails/active_storage/disk/:encoded_token(.:format) active_storage/disk#update
3のエラー内容の該当箇所ですが下記の通りとなります。
Order translation missing: ja.activerecord.errors.models.item.attributes.order.required
orderモデルとの関係により、updateの際にバリデーションが発生している認識だと思われるのですが、1対1の関係の時に画像編集するときは何か記載が必要なのでしょうか。

[winterboum]

Rails root って app, config, public などがある dir のことです。
そこの pathはなにですか？
そこにどんな dir がありますか

[winterboum]

用語の使い方がおかしいので言われたいことがまっすぐ入ってきません。
updateの際にバリデーションが発生 ってのが変。バリデーションは問題がないか検査することです。バリデーションエラーが発生って言わないと？？？になる
画像編集がおかしい、画像編集 とは画像そのものをいじること。Itemの編集で画像を入れ替えているだけ。
で、
bilongs_to を宣言しているので、order_id がnilではだめ。かつ その id をもつ Order がないとだめ。
画像の有無とは関係ないです。
Itemが先に有ってそれにOrder があとからつくのでしょうから最初はorder_idはnilで作るしか無い。
ので、 bilongs_to の行に optional: true を追加してください。

[takuya-siro]

dirに関してですが、下記の写真であっておりますでしょうか？
https://gyazo.com/d52d3c83f85a60ff4a27bf4d90125889

[takuya-siro]

item.rb/modelsにoptional:true追記の件、ご教授いただきありがとうございます。
追記してみます。

[winterboum]

こういうの textで貼ってほしいのだが。
そこが Rails root ですね。
で、 strage がありますが、その中も見てください。
そこに active_strage があったらその中も。

で、気になるのはエラーメッセージが /rails/active_storage/blobs 。。。。。
どこから railsが出てくるのだろう。

config/storage.yml が有ったらそれ載せてください

[takuya-siro]

コメントいただきありがとうございます。storage.ymlを追記させて頂きました。またstorage以下のdirなのですが下記となっており、active_storageが無い状況となります。
9p hz k6 p4 pe z9
active_storageのファイルがないことがエラーの発生理由なのでしょうか。

[winterboum]

root: <%= Rails.root.join("storage") %> になってるから storageの直下が 9p hz k6 p4 pe z9 達で良さそうです。
２点気になるのは
1. 探してるfile の先頭 が eyJfcmFp。。。。。 なのに ey が無いこと
2. development でなく local であること。

この辺りになると自信ないので 識者の降臨がほしい所。

試しに
starage.yml の local と同じデータを development で追加作成してみてください

[takuya-siro]

親身にアドバイスいただきありがとうございます。頂いたアドバイスを元にもう少しトライしてみます。