완달프의 일상

동기 모바일 기기에서 사진 파일 선택시, 즉석으로 카메라를 찍을 경우 인터넷익스플로러11, 삼성브라우저(갤럭시), 사파리(애플) 등의 일부 브라우저는 카메라 아랫부분을 유지해주는 기능(image orientation)이 지원되지 않는다. (브라우저별 지원여부 확인 : https://caniuse.com/#search=orientation%20image) 따라서 파일을 읽어서 화면에 뿌려보면 이상한 방향으로 사진이 보일 경우가 많은데, 이 라이브러리를 사용하면 사진을 제대로 볼 수 있다. 간단사용방법 import loadImage from 'blueimp-load-image'; loadImage("Blob or File or Url", { orientation: true, // 이렇게 하면 어떤 브라우저로..

간단사용방법 const handleFileChange = (e) => { // 파일읽기객체 만들기 let reader = new FileReader(); // 파일을 읽었을때의 이벤트 별 진행내용 정의 reader.onloadend = () => { const base64 = reder.result; if(base64){ console.log(base64.toString()) } ); // 여러 파일을 동시에 선택했을 수 있으나, 첫번째 파일에 대해 읽고 URL을 result로 가지고 있을 것 if(e.target.files[0]){ reader.readAsDataURL(e.target.files[0]); } } 상세사용방법 https://developer.mozilla.org/ko/docs/Web/AP..