如何在jQuery中获取图像高度宽度

艾哈迈德·赛义德(Ahmed Syed)

我在jQuery函数中有一个上载图像的表单;

$('body').on('change', '#file', function () {

通过使用this.files[0]我正在获取图像的名称和大小。为此,我正在使用。this.files[0].sizethis.files[0].name但是现在我想获取图像的高度和宽度。我怎样才能做到这一点?

艾哈迈德·赛义德(Ahmed Syed)

我自己找到了解决方案,如下所示,

var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
 function imageIsLoaded(e) {
         var image = new Image();
         image.src = e.target.result;
         image.onload = function() {
              // access image size here 
              alert(this.width);
              alert(this.height);
         };
 };

由于jquery不知道确切的文件类型,因此在验证图像类型之后,我们可以将任何图像文件转换为jQuery可读图像,因此jQuery可以将其作为图像处理。因此,要将文件转换为图像,我们需要阅读器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在jQuery中获取图像高度宽度

来自分类Dev

如何在Android中获取显示图像的宽度和高度?

来自分类Dev

如何在SwiftUI中设置图像的宽度和高度?

来自分类Dev

如何在js中设置图像对象的高度和宽度

来自分类Dev

如何在图像C#中设置宽度和高度

来自分类Dev

jQuery:无法获取图像的宽度和高度

来自分类Dev

如何在SwiftUI中获取视图或屏幕的高度和宽度

来自分类Dev

如何在Photoshop中获取元素的宽度/高度?

来自分类Dev

如何在引导程序中获取窗口的高度和宽度

来自分类Dev

在Pygame中获取图像的宽度和高度

来自分类Dev

图像宽度和高度不在jQuery中

来自分类Dev

图像宽度和高度不在jQuery中

来自分类Dev

如何在本机JavaScript中获取带有边距,填充,边框的元素宽度/高度(无jQuery)

来自分类Dev

如何使用蜡染获取SVG图像的图像大小(宽度/高度)

来自分类Dev

CKFinder如何在选择图像(文件:选择)时获取尺寸URL和尺寸(宽度/高度)?

来自分类Dev

如何在React Native上从uri获取图像的高度和宽度?

来自分类Dev

如何在本机反应中获取图像的高度?

来自分类Dev

如何从Java中的文件夹目录中获取png图像名称,路径,高度和宽度?

来自分类Dev

如何获取片段中按钮的宽度/高度

来自分类Dev

如何获取片段中按钮的宽度/高度

来自分类Dev

如何从localhost网址读取图像并在javascript中获取其宽度和高度

来自分类Dev

如何在GridView中基于屏幕尺寸设置图像宽度高度

来自分类Dev

如何在GridView中基于屏幕尺寸设置图像宽度高度

来自分类Dev

iOS | 如何快速获取运行时图像的宽度/高度

来自分类Dev

无法在JavaScript中获取图像的高度和宽度

来自分类Dev

每次在JQuery中图像宽度和高度的结果不同

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

如何在THREE.js中获取网格的宽度/高度/长度

来自分类Dev

如何在动态窗口小部件中获取QGraphicsView的正确位置,宽度和高度

Related 相关文章

  1. 1

    如何在jQuery中获取图像高度宽度

  2. 2

    如何在Android中获取显示图像的宽度和高度?

  3. 3

    如何在SwiftUI中设置图像的宽度和高度?

  4. 4

    如何在js中设置图像对象的高度和宽度

  5. 5

    如何在图像C#中设置宽度和高度

  6. 6

    jQuery:无法获取图像的宽度和高度

  7. 7

    如何在SwiftUI中获取视图或屏幕的高度和宽度

  8. 8

    如何在Photoshop中获取元素的宽度/高度?

  9. 9

    如何在引导程序中获取窗口的高度和宽度

  10. 10

    在Pygame中获取图像的宽度和高度

  11. 11

    图像宽度和高度不在jQuery中

  12. 12

    图像宽度和高度不在jQuery中

  13. 13

    如何在本机JavaScript中获取带有边距,填充,边框的元素宽度/高度(无jQuery)

  14. 14

    如何使用蜡染获取SVG图像的图像大小(宽度/高度)

  15. 15

    CKFinder如何在选择图像(文件:选择)时获取尺寸URL和尺寸(宽度/高度)?

  16. 16

    如何在React Native上从uri获取图像的高度和宽度?

  17. 17

    如何在本机反应中获取图像的高度?

  18. 18

    如何从Java中的文件夹目录中获取png图像名称,路径,高度和宽度?

  19. 19

    如何获取片段中按钮的宽度/高度

  20. 20

    如何获取片段中按钮的宽度/高度

  21. 21

    如何从localhost网址读取图像并在javascript中获取其宽度和高度

  22. 22

    如何在GridView中基于屏幕尺寸设置图像宽度高度

  23. 23

    如何在GridView中基于屏幕尺寸设置图像宽度高度

  24. 24

    iOS | 如何快速获取运行时图像的宽度/高度

  25. 25

    无法在JavaScript中获取图像的高度和宽度

  26. 26

    每次在JQuery中图像宽度和高度的结果不同

  27. 27

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  28. 28

    如何在THREE.js中获取网格的宽度/高度/长度

  29. 29

    如何在动态窗口小部件中获取QGraphicsView的正确位置,宽度和高度

热门标签

归档