<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      Vue2+ElementUI手動批量上傳文件支持不同文件參數名

      需求說明:選擇指定2個不同格式的文件,點擊確認上傳后根據文件類型傳不同的參數名,如圖所示:

       

      一個上傳文件接口,需要前端入參格式為:

      {
          xmlFile: file1,
          pdfFile: file2,
          ...      
      }

      主要代碼:

      <el-upload
        action=""
        ref="upInvoice"
        :file-list="fileList"
        :multiple="true"
        :limit="2"
        :auto-upload="false"
        accept=".xml,.pdf"
        :on-change="invoiceUploadChange"
        :on-exceed="handleExceed"
        :on-remove="handleRemove"
        >
        <el-button slot="trigger" size="small" type="primary">選取文件</el-button>
        <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">確認上傳</el-button>
        <div slot="tip" class="el-upload__tip" style="color: #F56C6C;">需要上傳".xml"和".pdf"兩個文件,且單個文件大小不能超過10M!</div>
      </el-upload>

      JS部分:

      handleExceed() {
        this.$message.error("最多只能上傳兩個文件!");
      },
      handleRemove(file, fileList) {
        this.fileList = fileList
      },
      invoiceUploadChange(file, fileList) {
        const fileType = /\.xml$|\.pdf$/i.test(file.name);
        if (!fileType) {
          this.$message.error("上傳發票的格式必須為xml或pdf!");
          this.$refs.upInvoice.uploadFiles = fileList.filter(f => f.uid !== file.uid);
          return
        }
        const isLt2M = file.size / 1024 / 1024 < 10;
        if (!isLt2M) {
          this.$message.error("上傳發票的大小不能超過10m!");
          this.$refs.upInvoice.uploadFiles = fileList.filter(f => f.uid !== file.uid);
          return
        }
        this.fileList = [...this.fileList, file];
      },
      // 發票上傳提交
      submitUpload() {
        if (this.fileList.length !== 2 || this.fileList[0].raw.type === this.fileList[1].raw.type) {
          this.$message.error("請上傳.xml和.pdf兩個文件!");
          return
        }
        const formData = new FormData();
        formData.append('orderNo', '123456')
        for (let i in this.fileList) {
          if (this.fileList[i].raw.type === 'text/xml') {
            formData.append('xmlFile', this.fileList[i].raw);
          } else {
            formData.append('pdfFile', this.fileList[i].raw);
          }
        }
        this.upLoading = true
        axios.post('/api/upload', formData, {
          headers: {
            'Content-Type': 'multipart/form-data',
          }
        }).then(res => {
          this.upLoading = false
          this.handleInvoiceSucess(res.data)
        })
      },

       

      posted @ 2025-07-02 11:49  Oopy  閱讀(85)  評論(0)    收藏  舉報
      主站蜘蛛池模板: 国产成AV人片久青草影院| 午夜免费无码福利视频麻豆| 国产精品国产三级国产专| 一区二区三区四区黄色片| 精品国产粉嫩内射白浆内射双马尾| 午夜福利精品国产二区| 亚洲欧美综合一区二区三区| 特黄三级又爽又粗又大| 国产成人一区二区不卡| 久久精品人妻无码一区二区三区| 国产偷窥熟女高潮精品视频| 好紧好滑好湿好爽免费视频| 久久精品国产色蜜蜜麻豆| 九九热精品视频免费在线| 国产精品一区在线免费看| 一区二区三区无码免费看| 国产欧美久久一区二区| 日本东京热不卡一区二区| 少妇人妻精品一区二区| 国产在线精品中文字幕| 日本中文一二区有码在线| 四虎永久精品免费视频| 无码人妻久久一区二区三区app| 亚洲第一香蕉视频啪啪爽| 18无码粉嫩小泬无套在线观看| 韩国午夜福利片在线观看| 国产蜜臀视频一区二区三区| 精品无码国产不卡在线观看| 又大又粗又硬又爽黄毛少妇| 国产成人一区二区三区影院动漫| 久久精品99国产精品日本| 蜜臀av久久国产午夜| 亚洲中文字幕国产综合| 毛片内射久久久一区| 18黑白丝水手服自慰喷水网站| 自拍偷在线精品自拍偷99| 男女动态无遮挡动态图| 财经| 日日碰狠狠躁久久躁96avv| 香蕉影院在线观看| 好吊视频一区二区三区人妖|