CKEditor 이미지 파일 업로드2
- 작성자 :
- 정*호
- 작성일 :
- 2018-07-31 14:02:02
- 조회수 :
- 2,755
- 구분 :
- 공통컴포넌트
- 진행상태 :
- 완료
Q
지난번 질문입니다.
Q.
게시판에서 글올릴때
게시글에 사진도 같이 보이게하는 방법없나요?
위 첨부파일에 올린것처럼 저 버튼을 누르면 사진업로드가 나오는데
뭐 업로드가 안되네요..?
어떻게 하는거죠???
감사합니다!
A.
안녕하세요.
표준프레임워크센터 입니다.
해당부분은 CK Editor V4.4로 되어 있는 부분이고
현재는 이미지 업로드의 경우는
기본적으로 설정이 되어 있지 않고 별도로 설정을 추가해 주셔야 합니다.
다음과 같이 업로드 설정을 추가해 주셔야 합니다.
var ckeditor_config = {
filebrowserUploadUrl: '${pageContext.request.contextPath}/utl/wed/insertImage.do', // 파일 업로드를 처리 할 경로 설정.};
CKEDITOR.replace('nttCn',ckeditor_config);
그리고
완료시 다음과 같이 결과를 받는 jsp파일에서
<s cript type='text/javascript'>
window.parent.CKEDITOR.tools.callFunction('${ckEditorFuncNum}', '${url}', '파일 전송 완료.');
</s cript>
스크립트가 구동되어야
CKEditor에서 화면에 이미지를 보여주는 최종 처리가 가능합니다.
감사합니다.
**************************************************************************************************
여기서 새로운 질문입니다.
위에서 답변주신
var ckeditor_config = {
filebrowserUploadUrl: '${pageContext.request.contextPath}/utl/wed/insertImage.do', // 파일 업로드를 처리 할 경로 설정.
};
CKEDITOR.replace('nttCn',ckeditor_config);
1. 이 내용을 html/egovframework/com/cmm/utl/ckeditor/config.js에 넣으라는 말씀이신가요?
2. 아니면 글쓰는 jsp에 넣으라는 말씀이신가요?
3. 그리고 이건 ckeditor 연동하는 거 같은데 연동은 이미 되있으니 안해도 되는 거 아닌가요??
완료시 다음과 같이 결과를 받는 jsp파일에서
<s cript type='text/javascript'>
window.parent.CKEDITOR.tools.callFunction('${ckEditorFuncNum}', '${url}', '파일 전송 완료.');
</s cript>
스크립트가 구동되어야
CKEditor에서 화면에 이미지를 보여주는 최종 처리가 가능합니다. 라고 하신 부분에서
4. 이 말씀은 글쓴것을 본 ArticleDetail.jsp 파일에 다가 넣으면 된다는 말씀이신가요?
5. 이렇게 하고 실행을 해보니 CKEditor는 없어져 버리고
6. 다시 원래대로 복구해서 서버전송버튼을 눌러보니
HTTP Status 404 - /contextRoot/ckupload
가 뜨는데
어떻게 해야하나요?
추가로
/utl/wed/insertImage.do
를 호출했을 때 EgovWebEditorImageController에서
return egovframework/com/utl/wed/EgovInsertImage 하는데
저 경로에 저런 것이 없는데요??..
Q.
게시판에서 글올릴때
게시글에 사진도 같이 보이게하는 방법없나요?
위 첨부파일에 올린것처럼 저 버튼을 누르면 사진업로드가 나오는데
뭐 업로드가 안되네요..?
어떻게 하는거죠???
감사합니다!
A.
안녕하세요.
표준프레임워크센터 입니다.
해당부분은 CK Editor V4.4로 되어 있는 부분이고
현재는 이미지 업로드의 경우는
기본적으로 설정이 되어 있지 않고 별도로 설정을 추가해 주셔야 합니다.
다음과 같이 업로드 설정을 추가해 주셔야 합니다.
var ckeditor_config = {
filebrowserUploadUrl: '${pageContext.request.contextPath}/utl/wed/insertImage.do', // 파일 업로드를 처리 할 경로 설정.};
CKEDITOR.replace('nttCn',ckeditor_config);
그리고
완료시 다음과 같이 결과를 받는 jsp파일에서
<s cript type='text/javascript'>
window.parent.CKEDITOR.tools.callFunction('${ckEditorFuncNum}', '${url}', '파일 전송 완료.');
</s cript>
스크립트가 구동되어야
CKEditor에서 화면에 이미지를 보여주는 최종 처리가 가능합니다.
감사합니다.
**************************************************************************************************
여기서 새로운 질문입니다.
위에서 답변주신
var ckeditor_config = {
filebrowserUploadUrl: '${pageContext.request.contextPath}/utl/wed/insertImage.do', // 파일 업로드를 처리 할 경로 설정.
};
CKEDITOR.replace('nttCn',ckeditor_config);
1. 이 내용을 html/egovframework/com/cmm/utl/ckeditor/config.js에 넣으라는 말씀이신가요?
2. 아니면 글쓰는 jsp에 넣으라는 말씀이신가요?
3. 그리고 이건 ckeditor 연동하는 거 같은데 연동은 이미 되있으니 안해도 되는 거 아닌가요??
완료시 다음과 같이 결과를 받는 jsp파일에서
<s cript type='text/javascript'>
window.parent.CKEDITOR.tools.callFunction('${ckEditorFuncNum}', '${url}', '파일 전송 완료.');
</s cript>
스크립트가 구동되어야
CKEditor에서 화면에 이미지를 보여주는 최종 처리가 가능합니다. 라고 하신 부분에서
4. 이 말씀은 글쓴것을 본 ArticleDetail.jsp 파일에 다가 넣으면 된다는 말씀이신가요?
5. 이렇게 하고 실행을 해보니 CKEditor는 없어져 버리고
6. 다시 원래대로 복구해서 서버전송버튼을 눌러보니
HTTP Status 404 - /contextRoot/ckupload
가 뜨는데
어떻게 해야하나요?
추가로
/utl/wed/insertImage.do
를 호출했을 때 EgovWebEditorImageController에서
return egovframework/com/utl/wed/EgovInsertImage 하는데
저 경로에 저런 것이 없는데요??..
A
안녕하세요.
표준프레임워크센터 입니다.
추가질문에 대한 답변드리겠습니다.
1번 및 2번 문의 답변
업로드를 사용하는 페이지에 추가하시는 방법으로
안내해 드린것입니다.
config.js에 추가하시면 해당 설정이 모든 페이지에 적용되게 됩니다.
필요에 따라 하시면 되겠습니다.
3번 답변
예시에 보면 insertImage.do로 업로드를 받아서 처리하는 URL을 지정했는데
파일업로드 기능이 있는 업무를 참고하셔서
해당 부분을 구현해 주셔야 합니다.
업로드에 성공하는 경우 2가지 변수를 전달하여야 하는데요.
${ckEditorFuncNum} => CKEditor가 생성한 값으로 그래도 결과 jsp에 전달
${url} => 업로드한 이미지의 서버경로
감사합니다.
표준프레임워크센터 입니다.
추가질문에 대한 답변드리겠습니다.
1번 및 2번 문의 답변
업로드를 사용하는 페이지에 추가하시는 방법으로
안내해 드린것입니다.
config.js에 추가하시면 해당 설정이 모든 페이지에 적용되게 됩니다.
필요에 따라 하시면 되겠습니다.
3번 답변
예시에 보면 insertImage.do로 업로드를 받아서 처리하는 URL을 지정했는데
파일업로드 기능이 있는 업무를 참고하셔서
해당 부분을 구현해 주셔야 합니다.
업로드에 성공하는 경우 2가지 변수를 전달하여야 하는데요.
${ckEditorFuncNum} => CKEditor가 생성한 값으로 그래도 결과 jsp에 전달
${url} => 업로드한 이미지의 서버경로
감사합니다.