Explication détaillée des étapes pour télécharger des images dans le formulaire vue+axios

Cette fois, je vais vous apporter une explication détaillée des étapes de téléchargementimages dans le formulaire vue+axios Quelles sont les précautions pour télécharger des images dans. le formulaire vue+axios ? Ce qui suit est un cas pratique, jetons un oeil.

Ensuite, le problème est que le contrôle de téléchargement dans l'élément ne déclenchera pas la soumission lorsqu'il n'y a pas d'image, mais l'interface est écrite avec le mode de réception de fichiers multiparts/form-data

Vous ne pouvez imiter qu'un formulaire à télécharger par vous-même

<input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/>

let file = e.target.files[0];    
   let param = new FormData(); //创建form对象 
   param.append('file',file,file.name);//通过append向form对象添加数据 
   param.append('chunk','0');//添加form表单中其他数据 
   
   let config = { 
   headers:{'Content-Type':'multipart/form-data'} 
   }; //添加请求头 
   this.axios.post('http://upload.qiniu.com/',param,config) 
   .then(response=>{ 
   console.log(response.data); 
   })

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des choses plus passionnantes, veuillez faire attention au site Web chinois php Autres articles liés !

Lecture recommandée :

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

Explication détaillée des étapes de la méthode axios+post pour soumettre des données de formulaire

Comment gérer les problèmes d'autorisation lors de l'installation dans npm

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!