鍍金池/ 問(wèn)答/HTML/ element-ui的upload手動(dòng)上傳多文件,怎么是分開(kāi)多次請(qǐng)求上傳的,不是

element-ui的upload手動(dòng)上傳多文件,怎么是分開(kāi)多次請(qǐng)求上傳的,不是一次批量嗎?里面詳細(xì)代碼描述,請(qǐng)教

<template>
  <div>
    <el-upload
          class="upload-demo"
          ref="upload"
          action="http://192.168.1.120:6001/gateway/app/content-aggr/content/addResource"
          :on-change="onchangeFunc"
          :multiple="bool"
          :headers="header"
          :data="datas"
          :on-preview="handlePreview"
          :on-remove="handleRemove"
          :file-list="fileList"
          :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文件,且不超過(guò)500kb</div>
        </el-upload>
     </div>
</template>
export default {
  data(){
    return {
      bool:true,
      header:{
        'Authorization': 'Bearer ' + sessionStorage.getItem('session_Authorization'),
        'userId': sessionStorage.getItem('session_userId')
      },
      datas:{
        // files: files,
        ivFormat: 'image/jpeg',
        ivHeight: '1000',
        ivName: '1111',
        ivSize: '11111',
        ivWidth: '2222',
      },
      fileList: []
    }
  },
  methods:{
    onchangeFunc(file, fileList){
      console.log('filelist');
      this.fileList=fileList;
    }
  }
}

clipboard.png

clipboard.png

回答
編輯回答
離人歸

action="http://192.168.1.120:6001/gateway/app/content-aggr/content/addResource":on-change="onchangeFunc" 這個(gè)函數(shù)就是選一張上傳一張

2018年5月7日 06:26
編輯回答
遲月

你需要的效果是一次全部上傳好幾個(gè)文件是嗎?elemnet-ui是有這個(gè)功能一次上傳好幾個(gè)文件的

2017年3月28日 07:04
編輯回答
離人歸

感謝你們回答,現(xiàn)在確認(rèn)是異步多次請(qǐng)求上次單個(gè)文件了,現(xiàn)在想請(qǐng)教的問(wèn)題是,(:data="datas")怎么樣針對(duì)單個(gè)文件上傳datas呢(還是每次請(qǐng)求,都帶一樣的datas數(shù)組?然后服務(wù)端去處理,合理嗎,,)

2017年10月30日 10:24
編輯回答
帥到炸

沒(méi)毛病的,就是異步多次請(qǐng)求上次單個(gè)文件

2017年4月12日 20:19