在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ 用elementUI怎么實(shí)現(xiàn)多圖文上傳

用elementUI怎么實(shí)現(xiàn)多圖文上傳

<form action="/addPackageType" method="post" enctype="multipart/form-data">

                  <label for="packageName">分類名稱</label>
                  <input type="text" name="packageName" id="packageName">
                  <label for="activeIcon">選中圖標(biāo)</label>
                  <input type="file"/ name="activeIcon">
                  <label for="defaultIcon">默認(rèn)圖標(biāo)</label>
                  <input type="file"/name="defaultIcon">
                  <button type="submit">確定</buttom>
              </form>

以前用上面代碼實(shí)現(xiàn)多圖文上傳，【同時(shí)上傳多張圖片和問題】
后端【node】用formidable處理了這個(gè)請(qǐng)求，

在不改變后端的情況下，
現(xiàn)在想用 elementUI 實(shí)現(xiàn)上面的效果，，我該怎么寫呢？

    <el-upload
            class="upload-demo"
            ref="upload"
            action="http://192.168.31.197:6688/pcfoodaddPackageType"
            :http-request="addPackageType"
            :data="package"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :file-list="icons"
            :on-success="hha"
            multiple【我同時(shí)選擇了5張圖片， multiple這里怎么寫呢？我這里不管怎么寫，都會(huì)發(fā)送5次請(qǐng)求】
            :auto-upload="false">
            <el-button slot="trigger" size="small" type="primary">選取文件</el-button>
            <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload" >上傳到服務(wù)器</el-button>
            <div slot="tip" class="el-upload__tip">只能上傳jpg/png文件，且不超過500kb</div>
        </el-upload>
回答
編輯回答
久愛她

通過http-request自定義上傳的實(shí)現(xiàn)，可以通過args.file獲得本地的多個(gè)文件，然后你調(diào)自己的接口即可

<template>
  <div>
    <el-upload action="null" multiple drag :http-request="myupload"></el-upload>
  </div>
</template>

<script>
export default {
  name: 'index',
  methods: {
    myupload(args) {
      console.info(args.file)
    }
  }
}
</script>
2018年6月22日 07:37