active-storage-uploading-files.md

To add an avatar attachment to your User model in Rails 7, you can use the Active Storage framework. Here's how you can set it up:

1. Active Storage Setup: Make sure that Active Storage is set up in your Rails application. If it's not, you can install it with the command:

bin/rails active_storage:install

This will generate a migration file. You can then run:

bin/rails db:migrate

2. Model Setup: In your User model (app/models/user.rb), you need to specify that each User has an attached avatar. The User model should look like this:

class User < ApplicationRecord
  # Other associations, validations etc.

  has_one_attached :avatar
end

3. Controller Setup: In your UsersController (or RegistrationsController if you're using Devise), you need to allow the avatar parameter. For a UsersController it would look something like:

class UsersController < ApplicationController
  # Other methods like show, index, etc.

  def user_params
    params.require(:user).permit(:email, :password, :avatar)
  end
end

4. Form Setup: Now, you need to set up your form to accept file uploads. You can do this in your form view (app/views/users/_form.html.erb or app/views/devise/registrations/edit.html.erb if you're using Devise). Here's a simplified example:

  <div class="mb-3">
    <%= form.label :avatar, class: 'form-label' %>
    <%= form.file_field :avatar, class: 'form-control' %>
  </div>

5. Displaying the Avatar: Finally, you can display the avatar anywhere in your views using the image_tag helper:

<%= image_tag(@user.avatar) if @user.avatar.attached? %>

6. I did end up needing to add these manually through the Heroku Dashboard: Set the following key-value pairs (replace XXX with your actual credentials):

AWS_ACCESS_KEY_ID: XXX
AWS_SECRET_ACCESS_KEY: XXX
AWS_REGION: XXX
AWS_BUCKET: XXX

7. config/storage.yml - exact spacing. no tabs. 2 spaces.

amazon:
  service: S3
  access_key_id: <%= ENV['AWS_ACCESS_KEY_ID'] %>
  secret_access_key: <%= ENV['AWS_SECRET_ACCESS_KEY'] %>
  region: <%= ENV['AWS_REGION'] %>
  bucket: <%= ENV['AWS_BUCKET'] %>

8. To use the S3 service in production, you add the following to config/environments/production.rb:

# Store files on Amazon S3.
config.active_storage.service = :amazon

9. Add the aws-sdk-s3 gem to your Gemfile:

gem "aws-sdk-s3", require: false

10. Make sure the following line is uncommentd in your gemfile:

gem "image_processing", "~> 1.2"

• run bundle install

---

Also - Delete that Avatar:

1. Controller Method In your UsersController, add a method delete_avatar:

class UsersController < ApplicationController
  # ...

  def delete_avatar
    @user = User.find(params[:id])
    @user.avatar.purge
    redirect_to @user, notice: 'Avatar was successfully deleted.'
  end

  # ...
end

2. Add Route Add a new route for the delete_avatar action in your routes file (config/routes.rb):

resources :users do
  member do
    delete :delete_avatar
  end
end

This will create a route that you can use with a DELETE request, like: /users/:id/delete_avatar