H5W3
当前位置:H5W3 > 其他技术问题 > 正文

element-ui的upload手动上传多文件,怎么是分开多次请求上传的,不是一次批量吗?里面详细代码描述,请教

<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">上传到服务器</el-button>
          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过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

回答:

你需要的效果是一次全部上传好几个文件是吗?elemnet-ui是有这个功能一次上传好几个文件的

回答:

没毛病的,就是异步多次请求上次单个文件

回答:

action="http://192.168.1.120:6001/gateway/app/content-aggr/content/addResource":on-change="onchangeFunc" 这个函数就是选一张上传一张

回答:

感谢你们回答,现在确认是异步多次请求上次单个文件了,现在想请教的问题是,(:data=”datas”)怎么样针对单个文件上传datas呢(还是每次请求,都带一样的datas数组?然后服务端去处理,合理吗,,)

本文地址:H5W3 » element-ui的upload手动上传多文件,怎么是分开多次请求上传的,不是一次批量吗?里面详细代码描述,请教

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址