Cuando se carga la imagen del componente vue + elementui. Envíe datos e imágenes juntos

Directamente arriba

 

   <el-form: model = "editShopImg" ref = "editShopImg": rules = "rules" label-width = "150px">

        <el-form-item label = "Cargar imágenes de grupos de tiendas aplicables" prop = "fileList">

           

          <el-upload

            class = "upload-demo"

            acción = ""

            : encabezados = "dataObj"

            : on-preview = "handlePreview"

            : on-remove = "handleRemove"

            : before-upload = "beforeUpload"

            : file-list = "fileList"

            list-type = "imagen">

       

            <el-button size = "small" type = "primary"> 点击 上传 </el-button>

            <div slot = "tip" class = "el-upload__tip"> Solo cargue archivos jpg / png y no más de 500 kb </div>

          </el-upload>

        </el-form-item>

        <div class = "save-btn">

          <el-button type = "primary" size = "small" @ click = "submitFile"> 保存 </el-button>

        </div>

      </el-form>

 

 

 

  submitFile () {

    

      const formData = new FormData ()

      formData.append ('archivo', this.uploadFile)

      axios ({

        método: 'poner',

        url: '/ shopGroup / updateImage /' + this.editShopImg.id,

        datos: formData,

        encabezados: {

          Autorización: Cookies.get ("loginToken")

        }

      }). luego (res => {

        console.log (res.data, "res.data")

        this.dialogVisibleShopImg = false

         if (res.data.code == 200 & res.data.success == true) {

              este. $ mensaje ({

                mensaje: "Enviado con éxito",

                tipo: "éxito"

              

              });

            } más {

              este. $ mensaje ({

                mensaje: "Error al guardar",

                error de tecleado"

              });

            }

      })

    },

Para registrar

Supongo que te gusta

Origin blog.csdn.net/qq_36090127/article/details/106791994
Recomendado
Clasificación