vue中上传图片限制大小、宽高

最新推荐文章于 2025-05-19 15:08:57 发布

王biubiu

最新推荐文章于 2025-05-19 15:08:57 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_34701600/article/details/86580937

本文介绍如何在Vue项目中实现图片上传前的尺寸检查，确保图片的宽度和高度不低于360像素，并且保持1:1的比例。通过简单的JavaScript代码实现了不符合条件时的提示及默认图片显示。

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

vue中上传图片限制大小、宽高

imgReady(data.object, function () {
    if(this.width < 360 || this.height < 360) {
        document.getElementById("myImageShow").src = "../../public/img/background.png";
        alert("图片大小不能低于360*360PX");
    }
    if(this.width != this.height) {
        document.getElementById("myImageShow").src = "../../public/img/background.png";
        alert("上传图片比例为1:1");
    }
});