Skip to content

Instantly share code, notes, and snippets.

@realmyst
Forked from kosmatov/image-preview-html5.js
Created August 13, 2012 13:53

Revisions

  1. Konstantin created this gist Aug 13, 2012.
    24 changes: 24 additions & 0 deletions gistfile1.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    $('form').on('change', 'input[type="file"]', function(e) {

    var files = e.target.files,
    f = files[0],
    reader = new FileReader(),
    t = this
    ;

    reader.onload = (function(file) {

    return function(e) {

    $(t).before($('<img>').attr({

    src: e.target.result,
    title: file.name,
    height: "80",
    width: ""
    }));
    };
    })(f);

    reader.readAsDataURL(f);
    });