1. head사이에 script넣지말고 바디태그 밑에 넣기
스크립트를 문서의 <head> 태그 안에 위치시킨 경우, DOM이 완전히 로드되기 전에 스크립트가 실행되어 작동하지 않을 수 있습니다.
2. . <script src="/js/jquery.js"> 태그로 jQuery 라이브러리를 가져오는 부분 다음에 jQuery 코드가 위치하고 있습니다. 그러나 jQuery 코드는 jQuery 라이브러리를 로드한 후에 실행되어야 합니다.
3. 큰따옴표와 작은 따옴표의 사용에 항상 주의
<script src="/js/jquery.js"></script>
<script>
/* 이미지 업로드 */
$("input[type='file']").on("change", function(e){
let fileInput = $("input[name='uploadFile']");
let fileList = fileInput[0].files;
let fileObj = fileList[0];
if(!fileCheck(fileObj.name, fileObj.size)){
return false;
}
alert("통과");
});
/* var, method related with attachFile */
let regex = new RegExp("(.*?)\.(jpg|png)$");
let maxSize = 10485760; //10MB
function fileCheck(fileName, fileSize){
if(fileSize >= maxSize){
alert("파일 사이즈 초과");
return false;
}
if(!regex.test(fileName)){
alert("해당 종류의 파일은 업로드할 수 없습니다.");
return false;
}
return true;
}
</script>
'백 > spring' 카테고리의 다른 글
| 스프링 기본파싱전략과 json통신 (1) | 2023.07.30 |
|---|---|
| 스프링 시큐리티 2- ng처리 (0) | 2023.07.12 |
| 스프링 시큐리티 1 (0) | 2023.07.11 |
| 트랜잭션이란!??!?!!?!??! (1) | 2023.06.22 |
| Spring Validator를 이용한 검증 (2) | 2023.06.22 |