使用Vue获取URL图片的宽高

最新推荐文章于 2024-12-09 19:05:28 发布

Zan^Z

最新推荐文章于 2024-12-09 19:05:28 发布

阅读量2.2k

点赞数

分类专栏：前端文章标签： vue

本文链接：https://blog.youkuaiyun.com/Zan_Z/article/details/111676274

版权

前端专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何在Vue项目中通过JavaScript获取URL图片的宽度和高度。详细讲解了利用`img`元素的`onload`事件来计算图片加载后的尺寸，确保在图片完全加载后获取准确的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

					//拖拽图片顺序事件
                    datadragEnd: function () {
                        var that = this;
                        var img = new Image();
                        // 改变图片的src
                        img.src = this.model.data.list[0].picurl_cdn;
                        let res = {}
                        img.onload = function () {
                            res = {
                                width: img.width,
                                height: img.height
                            }
                            that.model.data.firstPicWh = res;
                            console.log(res);  //打印的即是图片的宽高
                        }
                    },