如何使用Vue实现检测用户上传图片的具体宽高尺寸?
- 内容介绍
- 文章标签
- 相关推荐
本文共计931个文字,预计阅读时间需要4分钟。
要求:用户可上传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分钟。
要求:用户可上传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是上传图片的组件,略。

