axios는 게시물 요청을 보내고 이미지 유형 양식 데이터 메서드를 제출합니다.

아래에서는 axios에서 게시물 요청을 보내는 방법과 이미지 형식 양식 데이터를 제출하는 방법에 대한 기사를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

DOME

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

Interface

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

프로세스 데이터

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(()=>{
 })
}

참고:

IF

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

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련글 :

vuejs의 v-if와 v-show의 차이점과 v-show가 작동하지 않는 문제에 대해

vue에서 iview 사용자 정의 검증 키워드 입력 상자 사용 시의 문제점 및 해결 방법

Vue에서 v-show에 표현식을 추가하는 데 문제가 있습니다(표시 여부 결정)

위 내용은 axios는 게시물 요청을 보내고 이미지 유형 양식 데이터 메서드를 제출합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!