jquery function for getting image of preview image

Question

i am having a code for creating a preview of image using jquery.. well that is working fine.. but the problem comes when i want the height and width of that preview image..

here is my jquery function..

$(function() {
    $('.cvrupload').change(function(){
        cvrpre(this);   
        var newfl_h = $('.cvr').find("img").height(), 
        newfl_w = $('.cvr').find("img").width();
        alert(newfl_h); // this line does not show any height, it shows null
        e.preventDefault();
    });
});

function cvrpre(input) {

    if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function (e) {
          $('.cvr').attr('src', e.target.result);
          }

       reader.readAsDataURL(input.files[0]);
     }
}

EDIT

if i use $('.cvr').height() instead of $('.cvr').find("img").height() then it gives the height of previous image which was in $('.cvr')

Tell us what the problem *is*, as well as where it comes – George Nov 27 '13 at 10:43 — George, Nov 27 '13 at 10:43
@oGeez, i want height and width of previewed image.. – user3017928 Nov 27 '13 at 10:46 — user3017928, Nov 27 '13 at 10:46

score 0 · Accepted Answer · answered Nov 27 '13 at 10:47

0

the problem is, that the code goes on before your cvrpre function is finished. you should return width and height within your cvrpre function. so it would work

answered Nov 27 '13 at 10:47

Fabian Marz

219
1
10

jquery function for getting image of preview image

1 Answers1