프런트 엔드 파일 가져 오기 기능을 달성하기 위해

1.HTML 부분

<입력 유형 = "파일"동의 = '. XLS, .XLSX'클래스 = "파일">

동의 속성은 파일 형식을 업로드하도록 설정할 수 있습니다

2.js 부분

인터페이스 부분

수출 기능 postImportRole (PARAMS) {
   반환 axios.post (서버 + '/ 역할 / 수입의 역할' , PARAMS, { 
    헤더 : { '콘텐츠 유형': '다중 / 폼 데이터, 문자 집합 = UTF-8' } 
  } ); 
}

코드 섹션

// 가져 오기 파일 
ImportFile () { 
const를 = 다음은이 ; 
const를 formData = 새로운 새로운 window.FormData을 (); 
const를 파일 = document.querySelector ( "INPUT [유형 = 파일]" ) .files, 
formData.append ( "파일", 파일 [0 ]);
 IF (files.length <= 0 ) {
 다음은이 openMessage $는 ( "오류", "가져 오기 파일을 선택하십시오." ); 
} 다른 {
 IF !. (/ \ (XLSX). $ / 테스트 ( 파일 [0 ] .name을)) {
 다음은이 $ openMessage ( "가져 오기 파일 형식이 잘못", "오류". );
} 다른 { 
postImportRole (formData) 
그 때는 (고해상도=> {
 IF (res.data.code === "0" ) { 
that.visibleImportRole = false로 ,
 다음은이 . $ OpenMessage ( "성공적인 도입" )
 은이 .search (); 
} 다른 {
 은이 $ OpenMessage (RES. .data.msg, "오류" ); 
} 
}) 
. 캐치 (() =>
 다음은이 $의 openMessage ( "오류입니다." "가져 오기, 올바른 문서 포맷 여부를 확인하시기 바랍니다 실패" ) 
); 
} 
}