如何使用Vue实现检测用户上传图片的具体宽高尺寸?

更新于
2026-09-26 22:45:40
1阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计931个文字,预计阅读时间需要4分钟。

如何使用Vue实现检测用户上传图片的具体宽高尺寸?

要求:用户可上传3-6张图片(第1、2、3张必传),上传的图片必须是540*330像素。第一步,获取上传的图片的宽高。初始化一个对象数组,宽高平均值设为0。如果用户上传的图片不存在,则返回上传的图片不存在。

需求:

用户可上传3-6张图片(第 1 2 3 张必须传),上传的图片必须是540 * 330 像素。

第一步,获取上传的图片的宽高。

初始化一个对象数组,宽高均设为0。

如果用户上传的图片没有上限,可以动态修改这个对象数组。

data:

picArray:[ { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 } ],

HTML:

<myupload :keys="index" @getBase="getUpImg"> </myupload>

myupload是上传图片的组件,略。

阅读全文
标签:方法需求

本文共计931个文字,预计阅读时间需要4分钟。

如何使用Vue实现检测用户上传图片的具体宽高尺寸?

要求:用户可上传3-6张图片(第1、2、3张必传),上传的图片必须是540*330像素。第一步,获取上传的图片的宽高。初始化一个对象数组,宽高平均值设为0。如果用户上传的图片不存在,则返回上传的图片不存在。

需求:

用户可上传3-6张图片(第 1 2 3 张必须传),上传的图片必须是540 * 330 像素。

第一步,获取上传的图片的宽高。

初始化一个对象数组,宽高均设为0。

如果用户上传的图片没有上限,可以动态修改这个对象数组。

data:

picArray:[ { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 } ],

HTML:

<myupload :keys="index" @getBase="getUpImg"> </myupload>

myupload是上传图片的组件,略。

阅读全文
标签:方法需求