elementUI 图片上传限制上传图片的宽高

文件上传，需当上传的文件类型为图片的时候，需要限制图片的宽高。

此处采用了new Promise异步加载的方式，等图片上传加载完成后，

页面代码：

<el-form-item label="广告文件" style=" 98%" v-if="dialogStatus!='view'">
          <el-upload
            class="upload-demo"
            drag
            :action=actionURL
            :data={bizType:10}
            :limit=1
            :multiple = false
            :file-list="fileList"
            :on-remove="removeFile"
            :before-upload="beforeUpload"
            :on-exceed="handleExceed"
            :on-success = 'handleAvatarSuccess'>
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              <div>将文件拖到此处，或<em>点击上传</em></div>
            </div>
          </el-upload>
          <div class="tipCls" :class="{'fontWeightCls': form.adType==0}">图片：jpg，png，gif，webp，JPEG</div>
          <div class="tipCls" :class="{'fontWeightCls': form.adType==1}">视频：3gp，mp4，mkv</div>
          <div class="tipCls" :class="{'fontWeightCls': form.adType==2}">文本：txt</div>
          <div class="tipCls" :class="{'fontWeightCls': form.adType==3}">声音： mp3，mkv，wav，ogg， 3gp， mp4，m4a，aac， ts，flac</div>
        </el-form-item>

上传前检查事件：

  beforeUpload(file){
        const fileTypeName = (file.name).substring(file.name.lastIndexOf('.')*1 + 1*1);  // 获取后缀名
        // （0图片，1视频，2文字,3声音）
        let supportFormat = ['mp3','mkv','wav','ogg','3gp','mp4','m4a','aac','ts','flac', '3gp','mp4','mkv','txt', 'jpg', 'png', 'gif', 'JPEG'];
        if(this.form.adType === 0){
          supportFormat=['jpg', 'png', 'gif', 'JPEG'];
        } else if(this.form.adType === 1){
          supportFormat=['3gp','mp4','mkv'];
        } else if(this.form.adType === 2){
          supportFormat=['txt'];
        } else if(this.form.adType === 3){
          supportFormat =['mp3','mkv','wav','ogg','3gp','mp4','m4a','aac','ts','flac'];
        }
        let index = supportFormat.indexOf(fileTypeName);
        if(index == -1){  // 说明核实不符合
          this.$message.warning('上传文件的格式不合符，请重新上传！');
          return false;
        } else {

          // 图片文件大小限制，限制宽高分别为1280px和800px
          if(this.form.adType == 0) {
22             let _this = this;
23             let imgWidth="";
24             let imgHight="";
25             const isSize = new Promise(function (resolve, reject) {
26               let width = 1280;
27               let height = 800;
28               let _URL = window.URL || window.webkitURL;
29               let img = new Image();
30               img.onload = function () {
31                 imgWidth = img.width;
32                 imgHight = img.height;
33                 let valid = img.width == width && img.height == height;
34                 valid ? resolve() : reject();
35               }
36               img.src = _URL.createObjectURL(file);
37             }).then(() => {
38               return file;
39             }, () => {
40               _this.$message.warning({message: '上传文件的图片大小不合符标准,宽需要为1280px，高需要为800px。当前上传图片的宽高分别为：'+imgWidth+'px和'+imgHight+'px', btn: false})
41               return Promise.reject();
42             });
43             console.log(isSize);
44             return isSize;
          }else {
            return true;
          }
        }
      },