display

filereaderapi.coffee

# extracted from http://www.html5rocks.com/en/tutorials/file/dndfiles/

handleFileSelect = (event) ->
  files = event.target.files

  for file in files
    continue if !file.type.match('image.*')

    reader = new FileReader
    reader.onload = displayImage
    reader.readAsDataURL(file);

displayImage = (event) ->
  $('<img/>').attr('src', event.target.result).appendTo 'body'

$ ->
  $('#file-field').change handleFileSelect