Skip to content

Instantly share code, notes, and snippets.

@nch3ng
Last active April 10, 2019 05:16
Show Gist options
  • Save nch3ng/c4417aefe120374c8271 to your computer and use it in GitHub Desktop.
Save nch3ng/c4417aefe120374c8271 to your computer and use it in GitHub Desktop.
Image upload with Froala and Rails 4, Carrierwave, Fog AWS
class Attachment < ActiveRecord::Base
mount_uploader :picture, PictureUploader
end
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
...
...
<textarea froala="froalaOptions"></textarea>
...
...
...
...
$scope.csrf_token = $( 'meta[name="csrf-token"]' ).attr( 'content' );
$scope.froalaOptions = {
imageUploadURL: '/attachment/upload.json',
imageUploadMethod: 'POST',
imageUploadParams: {'authenticity_token': $scope.csrf_token}
}
...
...
# 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
@hackstarterhq
Copy link

this was super helpful. thanks!

@nch3ng
Copy link
Author

nch3ng commented Mar 23, 2016

Glad it helps :)

@fel-thomas
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment