Canvas 이미지 업로드, Access-Control-Allow-Origin 오류

toDataURL("image/jpeg"); 

 

크롬에서 테스트 해보니 기본 압축률이 있는것 같음

 

toDataURL("image/jpeg", 1.0); 

 

압축률을 1.0으로 했을때 그나마 깔끔하게 나오나, 원본 이미지와는 품질 차이가 있다.

 

업로드 후 서버단에서 이미지 포맷을 수정하거나 사이즈를 줄여 저장하는 경우가 있는데, 클라이언트에서 처리해서 서버 부하, 저장공간을 절약할 수 있다. (todataurl에서 이미지 포멧, 압축률, capture시 사이즈 줄임)

 

 

* 업로드

 

A사이트에서 B사이트로 ajax로 업로드시 Access-Control-Allow-Origin 오류가 발생한다.

이를 해결하기 위해 데이터를 받는 B사이트 파일에서 아래와 같이 선언 해줘야 한다.

 

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS");