Explication détaillée des étapes pour envoyer une demande de publication et soumettre un formulaire d'image dans axios

Cette fois, je vous apporte une explication détaillée des étapes pour envoyer une demande de publicationsoumettre un formulaire photo dans axios Quelles sont les précautions pour axios. envoyer une demande de publication pour soumettre un formulaire photo ? Ce qui suit est un cas pratique, jetons un coup d'oeil.

DÔME

<input type="file" @change="upload" ref="upload">

Interface

const userUploadAtt = (File,config) => axios.post("接口",File,config)

Données de processus

let input = this.$refs.upload 
创建一个空的FormData对象 
let data = new FormData();
使用FormData.append来添加键/值对到表单里面;
data.append('file', input.files[0]);
upload(){
 userUploadAtt(data,{headers: {'Content-Type': 'multipart/form-data'}}).then((response)=>{
  this.headPhoto = response.data[0].msg.url;
 }).catch(()=>{
 })
}

Remarque :

Si

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
post请求时候表单上传不需要引入qs.stringify()

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée des étapes d'utilisation d'axios dans vue

Axios+post explication détaillée de la méthode les étapes pour soumettre des données de formulaire

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!