1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

画像があったら表示されるようにしたい

Posted at

#概要#
Sequel Proに画像が保存されているのに表示されない

Sequel Pro
https://gyazo.com/38c3b30151a6655dd1c79b2fd4ecfa53
localhost:3000/
https://gyazo.com/b5af69a52d4c7a625accbebf4e84d39a

#コード#

<% if @items.nil? %>
      <% @items.each do |item|%>
      <li class='list'>
        <%= link_to item_path(item.id),method: :get do %>
        <div class='item-img-content'>
          <%= image_tag item.image, class:"item-img" if item.image.attached? %>
<% end %>

  <%= image_tag item.image, class:"item-img" if item.image.attached? %>

画像を表示させるのはこの記述で画像が存在する場合のみimage_tagが読み込まれるようになります。
記述に問題がないのになぜ表示されない?

#結果#
今回問題だったのはimage_tagではなく

<% if @items.nil? %>

に問題があった!!
今回は画像がある時にtrueだったら表示されるがこれだと画像がなかったらtrueという記述になってしまうので表示されなかった!!

<% if @items.present? %>

に変えると値があるものに対してtrueを返すのでこちらを使います。
https://gyazo.com/806c0b2ea77bfe28588df64bf9980c89

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?