element-ui中upload组件如何传递文件及其他参数

1  <el-upload
2    class="upload-demo"
3    action="https://jsonplaceholder.typicode.com/posts/"
4    :on-preview="handlePreview"
5    :on-remove="handleRemove"
6    :file-list="fileList">
7    <el-button size="small" type="primary">点击上传</el-button>
8    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
9 </el-upload>

   beforeUpload (file) {
      let fd = new FormData()
      fd.append('key', file, fileName)
      axios.post(url, fd. {
        //做一些操作
      })
      return false // false就是不自动上传，我后来试了发现都一样，都不会自动上传
    },

 1    beforeUpload (file,id) {
 2       let fd = new FormData()
 3       fd.append('key', file, fileName)
 4       axios.post(url, fd. {
 5         data：{
 6          id:id
 7         }
 8       })
 9       return false // false就是不自动上传，我后来试了发现都一样，都不会自动上传
10     },

    beforeUpload (file,id) {
        let fd = new FormData()
        fd.append('key', file, fileName)
        axios.post(url, fd. {
          data：{
           id:id
          },
          headers: {
           'Content-Type': 'multipart/form-data'
          }
        })
        return false // false就是不自动上传，我后来试了发现都一样，都不会自动上传
     },

1 beforeUpload (file,id) {
2     let fd = new FormData()
3     fd.append('file', file)
4     fd.append('id',id)
5     axios.post(url, fd, {
6          
7     })
8     return false // false就是不自动上传，我后来试了发现都一样，都不会自动上传
9  },

 1         <el-upload class="upload-demo"
 2             drag
 3             action="123"
 4             :before-upload="beforeUpload"
 5             multiple
 6             ref="newupload"
 7             :auto-upload="false"
 8             accept=".mp4,.flv,.mov"
 9             :on-change="newhandleChange"
10             :on-success="newhandlesuccess">
11             <i class="el-icon-upload"></i>
12             <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em>     </div>
13             <div class="el-upload__tip" slot="tip">请注意您只能上传.mp4 .flv .mov格式的视频文件</div>
14           </el-upload>
15           el-button type="primary" @click="newSubmitForm()" class="yes-btn">
16             确 定
17           </el-button>
18           <el-button @click="resetForm('newform')">
19             重 置
20           </el-button>

 1    beforeUpload (file) {
 2       console.log(file)
 3       let fd = new FormData()
 4       fd.append('file', file)
 5       fd.append('groupId', this.groupId)
 6       // console.log(fd)
 7       newVideo(fd).then(res => {
 8         console.log(res)
 9       })
10       return true
11     },

1    newSubmitForm () {
2       this.$refs.newupload.submit()
3     },

1 export function newVideo (data) {
2   return axios({
3     method: 'post',
4     url: 'http://localhost:8086/Platform1-back-end/public/admin/VideoBase/newVideo',
5     timeout: 20000,
6     data: data
7   })
8 }