上传图片、上传文件

            <el-upload
              class="avatar-uploader"
              :auto-upload="false"
              action="#"
              :file-list="fileList"
              :limit="1"
              :show-file-list="false"
              :on-change="handleAvatarSuccess"
              :before-upload="beforeAvatarUpload">
              <img v-if="form.imgUrl" :src="form.imgUrl" class="avatar">
              <div v-else>
                <i class="el-icon-plus avatar-uploader-icon"></i>
                <!-- <div class="text-upload">点击上传</div> -->
              </div>
            </el-upload>

      // 上传图片
      handleAvatarSuccess(res, file) {
       let formData = new FormData();
       formData.append('file', file[0].raw);
        uploadFile(formData).then(res => {
          this.form.imgUrl = res.data;
          this.fileList = [];
        })
      },
      beforeAvatarUpload(file) {
        // const isJPG = file.type === 'image/jpeg';
        const isJPGorPNG = file.type === 'image/jpeg' || file.type === 'image/png';
        const isLt500kb = file.size / 1024 < 500;

        if (!isJPGorPNG) {
          this.$message.error('上传头像图片只能是 JPG/PNG 格式!');
        }
        if (!isLt500kb) {
          this.$message.error('上传头像图片大小不能超过 500kb!');
        }
        return isJPGorPNG && isLt500kb;
      },