Question

我有一个使用jquery创建图像预览的代码。好吧，这工作正常..但问题来了，当我想要预览图像的高度和宽度..

这是我的jquery函数..

$(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]);
     }
}

修改

如果我使用$('.cvr').height()代替$('.cvr').find("img").height()，那么它会给出$('.cvr')

中前一张图片的高度

Answer 1

问题是，代码在cvrpre函数完成之前继续。你应该在你的cvrpre函数中返回宽度和高度。所以它会起作用

jquery函数用于获取预览图像的图像

1 个答案: