Code Monkey home page Code Monkey logo

pic-upload---crop-in-ajax's Introduction

Rails 3 - Ajax Upload + Crop with Paperclip

Branch Master:

Using this great plugin: github.com/blueimp/jQuery-File-Upload

Still needs error handling + delete picture.

Branch Uploadify:

Implementation of Uploadify in Rails3 + crop in Ajax.

To make it work:

  • clone it from github

  • install all dependencies with ‘bundle install’

  • create the database with ‘rake db:migrate’

  • fire it up with ‘rails server’

  • visit localhost:3000/

Uploadify works well for multiple files handling.

  • in profiles/_form, set multi to true

  • in pictures controller, remove the test of previous picture existence in create

You’ll see that all pictures are stored (I didn’t bothered to display them for now)

More info:

I added ‘ADD THIS’ in the relevant files It’s NOT a social app so user model is a fake as well as profile

pic-upload---crop-in-ajax's People

Contributors

apneadiving avatar bokmann avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.