도리도리s
222
2018-10-26 14:23:08
7
4067

썸머노트 에디터 이미지 업로드 문제요


<script type="text/javascript">

$(function() {

$("#summernote").summernote({

height: 400,          // 기본 높이값

    minHeight: null,      // 최소 높이값(null은 제한 없음)

    maxHeight: null,      // 최대 높이값(null은 제한 없음)

    focus: true,          // 페이지가 열릴때 포커스를 지정함

    lang: 'ko-KR',

//onlmageUpload callback함수 -> 미설정시 data형태로 에디터 그대로 삽입

    callbacks: {

          onImageUpload: function(files, editor, welEditable) {

            for (var i = files.length - 1; i >= 0; i--) {

              sendFile(files[i], this);

            }

          }

        }

      });

});

function sendFile(file, editor) {

      var data = new FormData();

      data.append('file', file);

      $.ajax({

        data: data,

        type: "POST",

        url: '/summernotePhotoUpload.do',

        cache: false,

        contentType: false,

        enctype: 'multipart/form-data',

        processData: false,

        success: function(data) {

       

          $(editor).summernote('editor.insertImage', data.url);

          $('#summernote').append('<img src="'+data.url+'" width="480" height="auto"/>');

        }

      });

    }

$('#regNotice').on("click", function(e) {

var noticeWriteForm = $("#noticeWriteForm");

noticeWriteForm.submit();

});



서버에 업로드 되는 경로에 가보면 잘 업로드 되는데 에디터 자체에 이미지를 불러오고 싶어서

컨트롤러에서 json으로 경로를 넘겨서 ajax에서 잘 받아오는데요



alert로

alert(data.url); 이렇게 찍어보면

이게 뜨고

에디터에 반영이 안되네요 ㅠㅠ






0
  • 답변 7

  • 아로시
    914
    2018-10-26 14:37:59

    console.log(data) 해보세요

    json이 아닌 json 형태의 String 일 수도 있겠네여.

  • 도리도리s
    222
    2018-10-26 14:45:28

    이부분에서 pw.write할때 string으로 바꿔서 그런가여??

    그렇 어떻게 해야져?

  • 도리도리s
    222
    2018-10-26 14:48:12

    앞에 경로에 \\ 이게 두개씩 붙네요?

    왜그러지..??

    그냥 컨트롤러에서 path찍어보면 \ 하나만 붙는데..

  • 아로시
    914
    2018-10-26 14:56:57

    자바쪽 환경이 어떻게 되어 있는지 모르겠네요.

    스프링 환경이시라면 responseBody 관련 검색해보시면

    json 데이터로 response받으실 수 있습니다.


    스프링을 사용하고 있지 않으시다면

    아래 참조해보세요

    https://stackoverflow.com/questions/4112686/how-to-use-servlets-and-ajax

  • 도리도리s
    222
    2018-10-26 15:12:07

    저희 개발환경이 @responsebody를 사용하지 않아서요

    responsebody는 편하게 가져오는데..

  • 도리도리s
    222
    2018-10-26 15:16:40

    경로가 localhost로 잡혀야할텐데

  • 아로시
    914
    2018-10-26 17:15:40

    실제 물리적 경로로 접근되는군여.

    was 내 상대경로로 변환해줘야 할 것 같습니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.