以FormData的形式传参_formdata传参

以FormData的形式传参

1、普通传参
2、传参-数组

1、普通传参

1.1 data中的数据为数组，且只拿其中的一个

 const mNI = new FormData()
 mNI.append('id', this.upload.fileList[newIndex].banner) //id直接从data中一个个拿
 mNI.append('order', this.upload.fileList[newIndex].order)
 const { data: newRes } = await this.$http.post('/update', mobileNewIndex)
1
2
3
4

1.2 若data中的数据为对象，而不是数组 则可以这样写

const { picName, picLink, picOrder, editbanner } = this.editForm
        const editParams = new FormData()
        editParams.append('id', editbanner)
        editParams.append('name', picName)
        editParams.append('link', picLink)
        editParams.append('order', picOrder)
const { data: newRes } = await this.$http.post('/update', editParams)
1
2
3
4
5
6
7

2、传参-数组

      // 遍历需要传递的数据，放到test数组中
        let test = []
        for (let i = newIndex; i <= oldIndex; i++) {
          let data = {
            idBanner: this.upload.fileList[i].banner,
            order: this.upload.fileList[i].order
           }
           test.push(data)
           console.log(test)
         }
         const testData = new FormData()
         //遍历test，以FormData的形式传数组
         test.forEach(function (elem, index) {
           testData.append('idBanner', elem.idBanner)
           testData.append('order', elem.order)
         })
         const { data: newAddRes } = await this.$http.post('update', test)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17