Example of Vue uploading files using formData format type

<el-button type="primary" @click="uploadFile2()">Click to upload</el-button>
 <input type="file" @change="fileValueChange2()" ref="uploadFile2" enctype="multipart/form-data" style="display:none;" accept="image/jpeg,image/png,image/gif">

uploadFile2(){
	// This event is triggered when the button is clicked // The function is to open the file upload pop-up box this.$refs.uploadFile2.click()
   },
   fileValueChange2(){
   // After selecting the file, the input change event will be triggered, and this function will be entered var formData = new FormData()
     // this.$refs.uploadFile2 is the method for getting DOM elements in Vue // All uploaded files can be obtained through files. If there are multiple files, formData.append('file',this.$refs.uploadFile2.files[0])
     // Request type must be set formData.append('type', "head");
     // If you need to pass the id, refer to the following code formData.append('id', this.id);
     // After configuration is complete, you only need to pass the formData variable to the backend insertNavigationUpload(formData).then(res=>{
       console.log('Is it simple? My friend')
     })
   },

export const tMessageNotification = data =>{
  return request({
    url:'/tMessageNotification/upload',
    method: 'POST',
    data,
    headers: {'Content-Type': 'application/json'},
  })
}