Skip to content

Instantly share code, notes, and snippets.

@avidmaulanas

avidmaulanas/file_browser_live_image_preview.html

Forked from agungyuliaji/file_browser_live_image_preview.html
Last active August 29, 2015 14:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save avidmaulanas/ae5357f11d497a0561fa to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save avidmaulanas/ae5357f11d497a0561fa to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. agungyuliaji revised this gist Jun 17, 2013. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions file_browser_live_image_preview.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,8 +6,8 @@ <h1>Sample#preview_image_file_browser</h1>

    <script type="text/javascript">
    var setPreviewImage = function(file){
    var reader = new FileReader();
    var newImage = new Image();
    var reader = new FileReader(),
    newImage = new Image();
    reader.onload = function(evt){
    newImage.src = evt.target.result; // set preview source
    newImage.width = 500 // set preview width
  2. agungyuliaji revised this gist Jun 14, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion file_browser_live_image_preview.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ <h1>Sample#preview_image_file_browser</h1>
    <div id="preview_container"></div>

    <script type="text/javascript">
    var setPreviewImage = function(file){
    var setPreviewImage = function(file){
    var reader = new FileReader();
    var newImage = new Image();
    reader.onload = function(evt){
  3. agungyuliaji created this gist Jun 14, 2013.
    26 changes: 26 additions & 0 deletions file_browser_live_image_preview.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    <h1>Sample#preview_image_file_browser</h1>

    <input id="one_image" name="one_image" type="file">

    <div id="preview_container"></div>

    <script type="text/javascript">
    var setPreviewImage = function(file){
    var reader = new FileReader();
    var newImage = new Image();
    reader.onload = function(evt){
    newImage.src = evt.target.result; // set preview source
    newImage.width = 500 // set preview width
    };
    reader.readAsDataURL(file[0]);
    $("#preview_container").html(newImage);
    }

    $(document).ready(function(){
    $("#one_image").bind("change", function(evt){
    evt.preventDefault();
    var files = evt.target.files;
    setPreviewImage(files)
    });
    })
    </script>