Styjun

split inside flalign

What does Argus Filch specifically do?

Should I use (1,3) or (1-3) or (4)?

Did Logical Positivism fail because it simply denied human emotion?

Are the related objects in an SOQL query shared?

Piece de Resistance - Introduction & Ace and A's

How to check a file was encrypted (really & correctly)

When using the Proficiency Dice optional rule, how should they be used in determining a character's Spell Save DC?

Probably terminated or laid off soon; confront or not?

The warlock of firetop mountain, what's the deal with reference 192?

Why is Heisenberg shown dead in Negro y Azul?

How do I handle a DM that plays favorites with certain players?

In MTG, was there ever a five-color deck that worked well?

Glue-up for butcher block-style countertop

On the consistency of different well-polished astronomy software

Does a humanoid possessed by a ghost register as undead to a paladin's Divine Sense?

…down the primrose path

Is there any difference between "result in" and "end up with"?

Repeated! Factorials!

Is the first page of a novel really that important?

Is there a general term for the items in a directory?

Can a Hogwarts student refuse the Sorting Hat's decision?

Is there a command-line tool for converting html files to pdf?

Can the Cauchy product of divergent series with itself be convergent?

How to format and render AWS S3 image attachment to be used in React?

How can I rename a database column in a Ruby on Rails migration?Loop inside React JSXReact “after render” code?Set focus on input after renderSerializing a custom attributeWhat is the difference between using constructor vs getInitialState in React / React Native?What do these three dots in React do?Programmatically navigate using react routerWhat is the difference between React Native and React?How do I render an Active Storage attachment form Rails to React?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I'm sending image attachments from React to Rails Active Storage as a blob. Everything uploads to AWS S3 ok but the data coming back isn't suitable to render with <Image.

Here's an example of what comes back to React:

 avatar: "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2…736b6edc83b7ccfc91c7914d7eb595a697fb/IMG_2008.png"

My User model looks like this:

class User < ApplicationRecord
 include Rails.application.routes.url_helpers

 has_secure_password
 has_one_attached :avatar

 def avatar_filename
 self.avatar.filename.to_s if self.avatar.attached?
 end

 def avatar_attached?
 self.avatar.attached?
 end

 has_many :sightings
 has_many :animals, through: :sightings
 has_many :comments, :as => :commentable, dependent: :destroy


 validates :username, uniqueness: true

 def attachment_url
 if self.attachment.attached?
 Rails.application.routes.url_helpers.rails_blob_path(self.attachement, only_path:true)
 else
 nil
 end
 end

end

and UserSerializer looks like this:

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

 attributes :id, :name, :username, :avatar

 has_many :sightings
 has_many :animals, through: :sightings

 def avatar
 rails_blob_path(object.avatar, only_path: true) if object.avatar.attached?
 end


end

So I am using url_helper but not sure if I'm using correctly since I'm a newb and the documentation can be confusing.

ruby-on-rails reactjs amazon-s3 rails-activestorage

share|improve this question

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I don't use it but I think, you need to use _url instead of _path. Try to use rails_blob_url or only_path: false
  
  – IlyaOsotov
  Mar 27 at 9:05
  

  
  
  
  

add a comment | 

0

I'm sending image attachments from React to Rails Active Storage as a blob. Everything uploads to AWS S3 ok but the data coming back isn't suitable to render with <Image.

Here's an example of what comes back to React:

 avatar: "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2…736b6edc83b7ccfc91c7914d7eb595a697fb/IMG_2008.png"

My User model looks like this:

class User < ApplicationRecord
 include Rails.application.routes.url_helpers

 has_secure_password
 has_one_attached :avatar

 def avatar_filename
 self.avatar.filename.to_s if self.avatar.attached?
 end

 def avatar_attached?
 self.avatar.attached?
 end

 has_many :sightings
 has_many :animals, through: :sightings
 has_many :comments, :as => :commentable, dependent: :destroy


 validates :username, uniqueness: true

 def attachment_url
 if self.attachment.attached?
 Rails.application.routes.url_helpers.rails_blob_path(self.attachement, only_path:true)
 else
 nil
 end
 end

end

and UserSerializer looks like this:

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

 attributes :id, :name, :username, :avatar

 has_many :sightings
 has_many :animals, through: :sightings

 def avatar
 rails_blob_path(object.avatar, only_path: true) if object.avatar.attached?
 end


end

So I am using url_helper but not sure if I'm using correctly since I'm a newb and the documentation can be confusing.

ruby-on-rails reactjs amazon-s3 rails-activestorage

share|improve this question

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I don't use it but I think, you need to use _url instead of _path. Try to use rails_blob_url or only_path: false
  
  – IlyaOsotov
  Mar 27 at 9:05
  

  
  
  
  

add a comment | 

I'm sending image attachments from React to Rails Active Storage as a blob. Everything uploads to AWS S3 ok but the data coming back isn't suitable to render with <Image.

Here's an example of what comes back to React:

 avatar: "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2…736b6edc83b7ccfc91c7914d7eb595a697fb/IMG_2008.png"

My User model looks like this:

class User < ApplicationRecord
 include Rails.application.routes.url_helpers

 has_secure_password
 has_one_attached :avatar

 def avatar_filename
 self.avatar.filename.to_s if self.avatar.attached?
 end

 def avatar_attached?
 self.avatar.attached?
 end

 has_many :sightings
 has_many :animals, through: :sightings
 has_many :comments, :as => :commentable, dependent: :destroy


 validates :username, uniqueness: true

 def attachment_url
 if self.attachment.attached?
 Rails.application.routes.url_helpers.rails_blob_path(self.attachement, only_path:true)
 else
 nil
 end
 end

end

and UserSerializer looks like this:

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

 attributes :id, :name, :username, :avatar

 has_many :sightings
 has_many :animals, through: :sightings

 def avatar
 rails_blob_path(object.avatar, only_path: true) if object.avatar.attached?
 end


end

So I am using url_helper but not sure if I'm using correctly since I'm a newb and the documentation can be confusing.

ruby-on-rails reactjs amazon-s3 rails-activestorage

share|improve this question

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges

 avatar: "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2…736b6edc83b7ccfc91c7914d7eb595a697fb/IMG_2008.png"

class User < ApplicationRecord
 include Rails.application.routes.url_helpers

 has_secure_password
 has_one_attached :avatar

 def avatar_filename
 self.avatar.filename.to_s if self.avatar.attached?
 end

 def avatar_attached?
 self.avatar.attached?
 end

 has_many :sightings
 has_many :animals, through: :sightings
 has_many :comments, :as => :commentable, dependent: :destroy


 validates :username, uniqueness: true

 def attachment_url
 if self.attachment.attached?
 Rails.application.routes.url_helpers.rails_blob_path(self.attachement, only_path:true)
 else
 nil
 end
 end

end

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

 attributes :id, :name, :username, :avatar

 has_many :sightings
 has_many :animals, through: :sightings

 def avatar
 rails_blob_path(object.avatar, only_path: true) if object.avatar.attached?
 end


end

share|improve this question

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges

share|improve this question

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges

asked Mar 27 at 2:37

Demian SimsDemian Sims

7011 silver badge1010 bronze badges