Contents

class Application.Models.Photo extends Backbone.Model
  paramRoot: 'photo'
  idAttribute: '_id'
  defaults:
    image: null
    description: ''
    progress: 0
  
  initialize: ->
    @on 'add', @onAdd, @

  onAdd: ->
    xhr = new XMLHttpRequest()
    xhr.open "POST", @url()
    datas = new FormData()
    datas.append "image", @get("image")
    xhr.upload.addEventListener "progress", (e) =>
      if e.lengthComputable
        currentState = (e.loaded / e.total) * 100
        @set progress: currentState

    xhr.onreadystatechange = (e) =>
      if e.currentTarget.readyState is 4
        @set progress: 100
        @trigger "uploadCompleted"
        if xhr.responseText
          responseObject = JSON.parse(xhr.responseText)
          console.log responseObject
          @set responseObject
        else
          console.log "Não foi possível enviar o arquivo"


    # Start send the file.
    xhr.send datas

class Application.Collections.PhotosCollection extends Backbone.Collection
  model: Application.Models.Photo
  url: '/photos'

  setFromFiles: (files) ->
    @reset()
    i = 0
    while f = files[i]
      reader = new FileReader()
      reader.onload = ((theFile, theId) =>
        (e) ->
          photo = new Application.Models.Photo()
          photo.set id: theId
          photo.set filename: theFile.name
          photo.set image: e.target.result
          @add photo
      )(f)
      reader.readAsDataURL f, i
      i++

  addFromFiles: (files) ->
    i = 0
    while f = files[i]
      reader = new FileReader()
      reader.onload = ((theFile, theId) =>
        (e) ->
          photo = new Application.Models.Photo()
          photo.set id: theId
          photo.set filename: theFile.name
          photo.set image: e.target.result
          @add photo
      )(f)
      reader.readAsDataURL f, i
      i++

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
mix-rails-0.22.0	mix-rails-albums/app/assets/javascripts/backbone/models/photo.js.coffee
mix-rails-albums-0.22.0	app/assets/javascripts/backbone/models/photo.js.coffee