kasumil의 코딩 공작소

작동 로직은 이러합니다. 1. 유저가 dropzone에 사진 드랍 후 제목, 내용 작성 2. 게시글 업로드 저장 버튼 클릭(dropzone이 보내는 이미지는 base64라서 그냥 db 저장 불가.) 3. 이미지 서버로 이미지 업로드 후 성공시 url 주소 가져옴. 4. url 주소를 db 서버에 보내기 +++ 이전 로직에 없던 부분이 파일 업로드 체크... 그리고 하다보니 1개를 넘어가면 기존 파일을 삭제하고 다시 업로드 되는 부분도 없어졌더라;; 해당 부분 복구 끝. Dropzone.options.fileDropzone = { url: '이미지 서버주소', //업로드할 url (ex)컨트롤러) init: function () { /* 최초 dropzone 설정시 init을 통해 호출 */ let myD..

작동 로직은 이러합니다. 1. 유저가 dropzone에 사진 드랍 후 제목, 내용 작성 2. 게시글 업로드 저장 버튼 클릭(dropzone이 보내는 이미지는 base64라서 그냥 db 저장 불가.) 3. 이미지 서버로 이미지 업로드 후 성공시 url 주소 가져옴. 4. url 주소를 db 서버에 보내기 이전에 올려놓은 라이브러리 주소 참고하도록 하시고, 스크립트 로직을 구현해 보았습니다. 다들 form데이터에 같이 보내거나 이상하게 hidden으로 넘기고 그러고 있길래, 내 경우 img 서버 주소와 db 저장 주소가 다르기도 하고 그러다보니 쪼갤 필요가 있어 그냥 고민해보다가 이렇게 만들어 봄. 특이하게도 init 안에 넣어놔야 이렇게 구동되는 방식인 듯 싶습니다. image는 그냥 이미지 서버에서 쓸 ..

// 작업용 컨트롤러 서버측이다. 약간 코드 생략도 되긴했지만 기능적 생략이 아닌 응답값 생략이다. 실패시 alert를 받을 부분 처리 하는건데, 뭐 안되더라도 정상적으로 작동하게 짰다. toast ui 이미지 업로드 base64를 url로 변경했다. ++ 해당 코드는 이미지를 base64로 업로드하고 같은 서버내 폴더로 이동하는 명령어이고, move_uploaded부분을 해당 이미지 서버에 적용되는 함수로 세팅하면 url을 뱉는다.

https://github.com/nhn/tui.editor GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. - GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. github.com https://nhn.github.io/tui.editor/latest/ https://nhn.github.io/tui.editor/latest/ 🚩 Table of Content..