Maison >interface Web >js tutoriel >axios envoie une demande de publication et soumet la méthode de données du formulaire de type image

axios envoie une demande de publication et soumet la méthode de données du formulaire de type image

亚连
亚连original
2018-05-29 17:26:341675parcourir

Ci-dessous, je partagerai avec vous un article sur la façon d'envoyer une demande de publication dans axios et de soumettre des données de formulaire de type image. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

DÔME

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

Interface

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

Traitement des données

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

Remarque :

Si

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

À propos de la différence entre v-if et v-show dans vuejs et du problème selon lequel v-show ne fonctionne pas

Problèmes et solutions pour l'utilisation de la zone de saisie du mot clé de vérification personnalisée iview dans vue

Problèmes liés à l'ajout d'expressions à v-show dans Vue (déterminer s'il faut afficher)

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn