Image upload with Froala and Rails 4, Carrierwave, Fog AWS

attachment.rb

class Attachment < ActiveRecord::Base
  mount_uploader :picture, PictureUploader
end

attachments_controller.rb

class AttachmentsController < ApplicationController
  #skip_before_filter :verify_authenticity_token  #open when skip csrf token verify
  def index
    @attachment = Attachment.new
  end
  
  def show
    @attachment = Attachment.find(1)
  end
  
  def upload
    @attachment = Attachment.new
    @attachment.picture = params[:file]
    @attachment.save
    
    respond_to do |format|
        format.json { render :json => { status: 'OK', link: @attachment.picture.url}}
    end
  end
  def create
    @attachment = Attachment.create(attachment_params)
    render :show
  end
  
  private
    def attachment_params
      params.require(:attachment).permit(:picture)
    end
end

Froala and Carrierwave-RoR Demo.html

...
...
<textarea froala="froalaOptions"></textarea>
...
...

froala_upload_by_rails.js

...
...
  $scope.csrf_token = $( 'meta[name="csrf-token"]' ).attr( 'content' );
  $scope.froalaOptions = {
    imageUploadURL: '/attachment/upload.json',
    imageUploadMethod: 'POST',
    imageUploadParams: {'authenticity_token': $scope.csrf_token}
    }
    
...
...
  

picture_uploader.rb

# encoding: utf-8

class PictureUploader < CarrierWave::Uploader::Base
  include CarrierWave::MiniMagick

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  # include CarrierWave::MiniMagick

  # Choose what kind of storage to use for this uploader:
  storage :file
  #storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
    #"uploads/#{model.class.to_s.underscore}/#{mounted_as}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  # def default_url
  #   # For Rails 3.1+ asset pipeline compatibility:
  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
  #
  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
  # end

  # Process files as they are uploaded:
  # process :scale => [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  # version :thumb do
  #   process :resize_to_fit => [50, 50]
  # end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  # def extension_white_list
  #   %w(jpg jpeg gif png)
  # end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

this was super helpful. thanks!

Glad it helps :)

Wow great job, save me a lot of time, thank you ! 😃