dev/web (2) 썸네일형 리스트형 다중 이미지 업로드, FormData 다중 이미지 파일을 업로드 하기 위한 태그는 input태그의 file타입을 사용하면 된다. 이미지만 가능하기위해 accept='image/*' 속성을 추가하고 다중 이미지 업로드를 위해 multiple을 추가한다. onchange속성으로 이미지 선택 후의 행동을 정할 수 있다. 위의 upload()는 통해 이미지 선택 후 이미지 파일 이름을 동적으로 추가하는 함수이다. createElement('태그')를 통해 태그를 생성하고 aapendChild(추가할 태그)를 통해 upload-files-div라는 id를 가진 div태그에 넣어주는 것이다. XMLHttpReqeust를 사용해 업로드 FormData에 데이터를 하나씩 넣으면 된다. append(키, 값)으로 넣는다. html 파일에 css 폴더 적용하기 html 파일을 생성 후 파일 내에 css 를 적용하면 파일이 너무 방대?해져서 싫다..,, css 폴더를 따로 만들어서 해당 html 파일 내에 따로 css 파일만 적용시켜주려고 한다. 이렇게 폴더를 만들어 놓고, main.html 에 main.css 파일을 적용시켜보자 head 내에 link 태그를 이용해서 적용할 css 파일을 넣어주자 img 태그의 클래스 이름으로 main.css 파일에 스타일을 만들어준다. 그럼 css 가 적용된 채로 나타내게 된다. 이전 1 다음
