How to get url of Active Storage image

Question

I want to get list of records with attached images as a links or files by api.

I have a simple model:

class Category < ApplicationRecord
  has_one_attached :image
  validates :name, presence: true, uniqueness: true
end

And next action:

  def index
    @categories = Category.all.with_attached_image

    render json: @categories.to_json(include: { image_attachment: { include: :blob } })
  end

That's the only way I can get image object.

And I see next results:

{"id":4,"name":"Cat1","description":""},
{"id":1,"name":"Cat2","description":"","image_attachment":
  {"id":8,"name":"image","record_type":"Category","record_id":1,"blob_id":8,"created_at":"2018-06-09T13:45:40.512Z","blob":
  {"id":8,"key":"3upLhH4vGxZEhhf3TaAjDiCW","filename":"Screen Shot 2018-06-09 at 20.43.24.png","content_type":"image/png","metadata":
  {"identified":true,"width":424,"height":361,"analyzed":true},"byte_size":337347,"checksum":"Y58zbYUVOlZRadx81wxOJA==","created_at":"2018-06-09T13:45:40.482Z"}}},
...

I can see filename here. But files lives in different folders and it doesn't seems for me like a convenient way to get and link to the file.

I couldn't find any information about this.

Updated

Accordin to iGian solution my code become:

  def index
    @categories = Category.all.with_attached_image

    render json: @categories.map { |category|
      category.as_json.merge({ image: url_for(category.image) })
    }
  end

I have a model User with avatar as attachment and I can get the url in my views with `<%= image_tag url_for(user.avatar) %>`, maybe you can use just `url_for(user.avatar)`. — iGian, Jun 09 '18 at 16:49

score 49 · Accepted Answer · answered Jun 09 '18 at 22:43

49

For my User which has_one_attached :avatar I can get the url in my views with <%= image_tag url_for(user.avatar) %>. So, in controller I would use just url_for(user.avatar)

For Category which has_one_attached :image:

url_for(category.image)

answered Jun 09 '18 at 22:43

iGian

11,023
3
21
36

how can we get Image complete data from Image_url `vice-versa` – Anshul Riyal Aug 08 '19 at 12:43
3

If you need the full path you can use `polymorphic_url(category.image)`, which includes `https://...` not just the path. – Liz Mar 24 '20 at 04:05
1

Try `main_app.url_for(category.image)` – duyetpt Aug 28 '20 at 07:30
4

I just want to add that if you're not accessing this from a view, you can do this: `Rails.application.routes.url_helpers.url_for(category.image)` – KNejad May 19 '21 at 16:19

score 16 · Answer 2 · answered Mar 14 '20 at 19:45

16

Also try @object.image.service_url. This will give you the url where the image is saved. I.E. url to amazon s3 storage.

answered Mar 14 '20 at 19:45

AnthonyM.

339
2
5

3

This works with Rails 6.1 below, but stopped working on Rails 7. It is now renamed from `service_url` to just `url`. – dcangulo Mar 03 '22 at 12:14
This works as of Jun 2022 +1 – Deepak Mahakale Jun 22 '22 at 05:56

score 4 · Answer 3 · edited Aug 07 '18 at 16:56

4

Please follow this for fetching images( in case if you are using has_many_attached)

Model.images.map{|img| ({ image: url_for(img) })}

edited Aug 07 '18 at 16:56

Luca Kiebel

9,790
7
29
44

answered Aug 07 '18 at 11:25

Ankit Varshney

101
6

I'm afraid I can't convert from single to multiple attachments using only the the line in your answer. I get either just the 'images' array in the response, or an error, meaning I'm doing something wrong. Could you possibly put this answer into the context of the original poster's 'index' method block? – bcsantos May 17 '19 at 11:04
1

I got this to work, would it be the correct way, syntactically? `render json: @works.map { |work| work.as_json.merge({ images: work.images.map{|img| ({ image: url_for(img) })} }) } ` – bcsantos May 17 '19 at 11:20

score 4 · Answer 4 · answered Aug 07 '20 at 15:48

This works for me with multiple images

class PostSerializer < ActiveModel::Serializer
  include Rails.application.routes.url_helpers

  attributes :id, :content , :images

  def images
    images = object.images.map do |image|
      rails_blob_path(image , only_path: true) if object.images.attached?
    end
  end
end

score 2 · Answer 5 · answered Mar 11 '20 at 22:50

2

I got it to work with rails_blob_url(@object.image). Notice I am calling _url not _path with the helper.

answered Mar 11 '20 at 22:50

AnthonyM.

339
2
5

score 1 · Answer 6 · edited Nov 25 '20 at 12:11

1

If you want get this url in front end, try this :

<%= url_for(category.image) %>

and for displaying image :

<%= image_tag url_for(category.image) %>

edited Nov 25 '20 at 12:11

Meloman

3,558
3
41
51

answered Nov 25 '20 at 11:22

Ananthu S Kumar

91
1
1

score 1 · Answer 7 · answered Apr 23 '21 at 16:37

Here is how I use active storage with AWS S3 bucket and attach image urls with domain to JSON response:

activerecord


class Imageable < ApplicationRecord
  has_many_attached :images

  def image_urls
    images.map(&:service_url)
  end

  def attributes
    super.merge({
                  image_urls: image_urls
                })
  end
end

application_controller.rb

class ApplicationController < ActionController::Base
  before_action :set_active_storage_current_host
  
  def set_active_storage_current_host
    ActiveStorage::Current.host = request.base_url
  end
end

imageables_controller.rb

class ImageablesController < ApplicationController
  include ImageablesHelper
  def update
    imageable = find_or_create
    imageable.update imageables_params
    imageable.images.purge
    imageable.images.attach imageable_params[:images]
    imageable.save!
    render json: imageable
  end
end

imageables_helper.rb

module ImageablesHelper
  def imageables_params
    params.require(:imageable).permit(:other_attributes, images: [])
  end
end

How to get url of Active Storage image

7 Answers7

Linked