点击提交上传文件

点击提交上传文件

<el-upload
            class="upload-demo"
            multiple
            ref="upload"
            action=""
            :on-preview="handlePreview"
            :on-change="changeFiles"
            :on-remove="handleRemove"
            :file-list="fileList"
            :auto-upload="false"
          >
            <el-button
              slot="trigger"
              size="small"
              type="primary"
              
              >选取文件</el-button
            >
          </el-upload>   

//点击文件列表中已上传的文件时的钩子
handlePreview(file, fileList) {
},
//文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
 changeFiles(file, fileList) {
    this.fileFormat = "png,gif,jpg,jpeg,svg,tif,pdf";
        let testmsgs = file.name.substring(file.name.lastIndexOf(".") + 1);
        const extension = this.fileFormat.indexOf(testmsgs) > -1;
        let bool = false;
        if (extension) {
          bool = true;
        } else {
          bool = false;
        }
        if (!extension) {
          this.$message.warning(`上传文件只能是${this.fileFormat}格式!`);
          this.$refs.upload.clearFiles();
          return bool;
        }else{
           this.fileList = fileList;
        }
},
//文件列表移除文件时的钩子
handleRemove(file, fileList) {
},
//提交
submit(){
      let orderHandle = new FormData();
      for (var property in this.formData) {
      //使用formadata的格式提交，files上传使用的是文件流
        orderHandle.append(property, this.formData[property]);
      }
}