java vue.js 엑셀 업로드 데이터 화면에 뿌리기
-
게시물 수정 , 삭제는 로그인 필요
예를들어 a.jsp에서 엑셀파일을 업로드를 합니다. 그럼 컨트롤러 /a/a/a 주소로 엑셀 데이터들이 넘어갑니다
그럼 /a/a/a에서 받은 엑셀 데이터를 b.jsp 에 뿌리고싶습니다 (db저장 x)
질문)
/a/a/a에서 받은 엑셀데이터를 b.jsp에서 사용하는 방법이 있을까요?
ModelAndView로 a/a/b 경로 지정해서 넘기려고했더니 사용이 안되네요.. 구글랭해보니깐
ajax는 모델엔뷰가 안된다는 이야기가 있더라구요
아래는 업로드 함수와 /a/a/a 컨트롤러입니다.
,excelUpload: function() {
var formData = new FormData();
formData.append("file", $("#file")[0].files[0]);
$.ajax({
url: "/a/a/a"
, data: formData
, processData: false
, contentType: false
, type: "POST"
, async: false
, success: function (data) {
if (data.list) {
alert("성공");
window.close();
}
}
})
}
@Auth
@RequestMapping("/a/a/a")
public void rfrErp01ExcelUpload(Model model, HttpServletRequest request) {
MultipartFile multipartFile = ((MultipartHttpServletRequest)request).getFile("file");
CommonExcelParser<Upload> parser = new CommonExcelParser<>(Upload.class, 0, 1, 15000);
parser.setExcelFile(multipartFile);
List<Upload> list = parser.getDataList();
model.addAttribute("list", list);
}
var formData = new FormData();
formData.append("file", $("#file")[0].files[0]);
$.ajax({
url: "/a/a/a"
, data: formData
, processData: false
, contentType: false
, type: "POST"
, async: false
, success: function (data) {
if (data.list) {
alert("성공");
window.close();
}
}
})
}
@RequestMapping("/a/a/a")
public void rfrErp01ExcelUpload(Model model, HttpServletRequest request) {
MultipartFile multipartFile = ((MultipartHttpServletRequest)request).getFile("file");
CommonExcelParser<Upload> parser = new CommonExcelParser<>(Upload.class, 0, 1, 15000);
parser.setExcelFile(multipartFile);
List<Upload> list = parser.getDataList();
model.addAttribute("list", list);
}
#java vue.js #java vue.js example #vue js with java backend #vue.js java 연동 #vue js java servlet #vue js vs java #vue js and java spring #vue js java spring boot #vue.js java 連携