達成するためのフロントエンドファイルのインポート機能

1.HTMLパーツ

<input type = "ファイル" 受け入れる= 'XLS、の.xlsx' クラス= "ファイル">

プロパティは、ファイル形式をアップロードするように設定することができ受け入れます

2.js一部

インターフェース部

エクスポート機能postImportRole（paramsは）{
   戻り axios.post（サーバ+ '/役割/インポート役割' 、paramsは、{ 
    ヘッダー：{ 'のContent-Type'： 'マルチパート/フォームデータ;のcharset = UTF-8' } 
  } ）; 
}

コードセクション

// インポートファイル
ImportFile（）{ 
CONST = この; 
CONST FORMDATA = 新しい新しいwindow.FormData（）; 
constのファイル = document.querySelector（ "INPUT [TYPE =ファイル]" ）.files; 
formData.append（ "ファイル"、ファイル[0 ]）;
 IF（files.length <= 0 ）{
 この openMessage $は（、 "エラー" "インポートファイルを選択してください"。）; 
} 他{
 IF！。（/ \（XLSX）。$ /テスト（ファイル[0 ] .nameの））{
 この $ openMessage（ "インポートファイル形式が正しくありません"、 "エラー"。）;
} 他{ 
postImportRole（FORMDATA）
.then（RES=> {
 IF（res.data.code === "0" ）{ 
that.visibleImportRole = falseに、
 この。$ OpenMessage（ "成功した導入" ）;
 この.search（）; 
} 他{
 この $ OpenMessage（RES。 .data.msg、 "エラー" ）; 
} 
}） 
。キャッチ（（）=>
 この $のopenMessage（、 "インポートが失敗し、正しい文書フォーマットかどうかを確認してください" "エラー。" ）
）; 
} 
}