Simple Image and File Upload using Ruby on Rails (CarrierWave gem)

I’m going to show you a very simple way to upload your attachments or a picture using CarrierWave gem.

Steps:

1.    Open Terminal.

2.   Create a new project

terminal > rails new imageupload

3.   Add this line to Gemfile

    gem ‘carrierwave‘

4.   terminal > bundle install

5.   terminal > rails g uploader image

6.   terminal > rails g scaffold Painting name:string image:string

7.   terminal > rake db:migrate

8.   Add this line to painting.rb (app/models/painting.rb)

    class Painting < ActiveRecord::Base
    mount_uploader :image, ImageUploader
    end

9.   And then in your app/views/paintings/_form.html.erb edit your code, which become

    <%= f.label :image %>
    <%= f.text_field :image %>

   Change to

    <%= f.label :image %>
   <%= f.file_field :image %>

10.   edit your show.html.erb which become

    <%= image_tag @painting.image_url.to_s %>

11.   terminal > rails s

Note : Configure routes.rb for page redirection

Comments

PG::DuplicateTable: ERROR: relation "taggings" already exists in Ruby on Rails

Error: PG::DuplicateTable: ERROR: relation "taggings" already exists Solution : Already the table present in your database.But migration also trying to create a table in database.For this reason error occurred. So try to remove the table (taggings) from your database. postgresql : > DROP TABLE IF EXISTS taggings; Rails console : > ActiveRecord::Migration.drop_table(:taggings)

Simple Pagination in Ruby on Rails using will_paginate gem Tutorials

You should use the will_paginate gem for pagination. Steps : 1. Create new project Develop > rails new addpagination 2. Open the gemfile inside the project folder (addpagination).Add below line in gemfile gem 'will_paginate', '~> 3.0' 3. Enter below command in terminal and execute. Develop > bundle install 4. Create the Database Develop > rake db:create 5. Create the form using scaffolding Develop > rails g scaffold post name:string city:string 6. Migrate the table Develop > rake db:migrate 7. Now run the application Develop > rails s 8. Check the application.Its working or not. open browser and enter http://localhost:3000/ 9. Configure the page redirection in routes.rb inside the config folder root 'posts#index' 10. Now add t...

How to get a YouTube video thumbnail dynamically from the YouTube API using AngularJS

In this tutorial I have explain about the get YouTube thumbnail using AngularJS <html ng-app id="YoutubeApp"> <head> <title> How to get a YouTube video thumbnail dynamically from the YouTube API using AngularJS Tutorials</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> function YoutubeController ($scope) { $scope.todos = []; $scope. addVideo = function() { $scope.todos.push({text:$scope.todoText, done:false}); $scope.todoText = ''; ...

Activetuts

Search This Blog