• 技术文章 >web前端 >js教程

    jquery中如何获取图片真实大小

    coldplay.xixicoldplay.xixi2020-11-18 11:14:13原创56

    jquery中获取图片真实大小的方法:1、方法一【.attr("src", $(''#imgid").attr("src"))】;2、方法二【theImage.src = $(''#imgid").attr( "src");】。

    jquery中获取图片真实大小的方法:

    第一种:

    $("<img/>") // Make in memory copy of image to avoid css issues  在内存中创建一个img标记
        .attr("src", $(''#imgid").attr("src"))
        .load(function() {
            pic_real_width = this.width;   // Note: $(this).width() will not
            pic_real_height = this.height; // work for in memory images.
        });

    第二种:

    var theImage = new Image(); 
    theImage.src = $(''#imgid").attr( "src"); 
    alert( "Width: " + theImage.width); 
    alert( "Height: " + theImage.height);

    第一种要安全性要高些,保证是在图片加载完成后在获取。

    相关免费学习推荐:JavaScript(视频)

    以上就是jquery中如何获取图片真实大小的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 图片大小
    上一篇:怎么使用下载的jquery插件 下一篇:jquery如何判断对象是否存在
    第14期线上培训班

    相关文章推荐

    • JavaScript获取图片真实大小代码实例_javascript技巧• python怎么读取图片大小• php如何实现修改图片大小• 怎么用css设置图片大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网