当前位置 主页 > 网站技术 > 代码类 >

    vue 检测用户上传图片宽高的方法(2)

    栏目:代码类 时间:2020-02-06 21:09

    $message 是elementUI的组件。

    imageCheck 就是检验图片宽高用的方法。返回布尔值,false表示图片宽高不符合要求(或者没有传图)。

    其中:

    checkboolean 是最终要返回的布尔值。

    check 是装载合法宽高值的对象。因为后3张图可传可不传,所以 width 和 height 都是二阶数组。数字是符合要求的值。

    f1 是检验某一张图宽高的函数,传入宽高值、下标(第几张)、类型(width height),返回布尔值,false表示图片宽高不符合要求(或者没有传图)。

    执行 imageCheck 方法的时候会直接执行循环,如果发现图片不符合要求就跳出并返回 false 给函数外。

    里循环中的 x 代表类型,i 代表下标。

    使用:在提交时执行 imageCheck 方法即可。

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持IIS7站长之家。