S3
-
[삭제대기] 텍스트 에디터(CKEDITOR5 + VUE + LARAVEL) 이미지 업로드Laravel 2021. 12. 27. 16:09
# What? - 텍스트에디터로 이미지 업로드하는법 # How? 1. 기본 세팅 1) ckeditor5 온라인 빌더로 원하는 기능 추가해서 생성하기 https://ckeditor.com/ckeditor-5/online-builder/ CKEditor 5 Online Builder | Create your own editor in 5 steps Create your own CKEditor 5 build with customized plugins, toolbar and language in 5 simple steps. ckeditor.com 2) build폴더 public/js/ckeditor 폴더에 옮기기 4) ckeditor js 연결 및 csrf 토큰 메타태그 추가 @ app.blade.php ... ..
-
Canvas + s3 cors 오류날 시 처리법프론트엔드/Javascript 2021. 5. 22. 20:46
canvas에서 s3 이미지 끌어다 쓸 때 cors 오류가 나는데 다음과 같이 처리하면 해결 1. crossOrigin을 anonymous로 설정 2. 이미지 경로 뒤에 캐시방지를 위한 파라미터 추가 if(this.selectedDrawing){ let image = new Image(); image.crossOrigin = "anonymous"; // 핵심 image.src = self.selectedDrawing.url + "?timestamp=" + (new Date().getTime()); // 핵심(url 뒤에 캐시막기용 파라미터 추가) image.onload = function(){ self.context.drawImage(image, 0, 0); } } 3. s3 버킷 권한 수정(s3 -> ..