사진(영상) 미리보기 & 드래그 앤 드랍

사진과 영상을 파일을 추가하는 페이지에 활용할 수 있음

폴더에 있는 파일을 끌어서 파일 추가할수 있고 미리 보기가 가능함

mui말고는 따로 라이브러리를 쓰진 않았음

jpg, png, jpeg,mp4만 가능하도록 했고 만약 파일명에 . 이 들어가있으면 오류남

 

파일 구조는 

-components: box.jsx

-boxPage.js

로 크게 구성되어있고, box 는 틀만 넣고 page부분에 기능부분을 넣었음

 

-- 결과물

 

 

https://github.com/smallstar23/photodraganddrop

GitHub - smallstar23/photodraganddrop