사진 업로드 구현

2024. 5. 27. 16:37BootStrap

 

 

 accept="image/*" : 이미지 파일 받음
   accept : 선택한 파일만 가져올 수 있음.
   image : 이미지에 해당하는 파일만 가져올 수 있음
   " * " : 모두 가능 // jpg, png, bmp, gif 등 

만약 gif만 가능하게 하고 싶다면

  image/gif

만약 png, jpg, jpeg만 가능하게 하고 싶다면
  image/jpg, image/png, image/jpeg

만약 비디오 중에 mp4 파일과 오디오 파일중 mp3파일만 가능하게 하고 싶다면
  accept=".mp4, .mp3" 또는 accept="*.mp4, *.mp3"

 

실행 결과. 아직 하나만 업로드가 가능하다.

 

 

 

 

사진 다중 업로드

 

for문을 사용해서 img 태그를 생성하게 만들어 한계없이 계속 이미지 생성하게 하는 것