이미지 업로드 ajax 문의 드립니다.

남박사의 파이썬으로 실전 웹사이트 만들기

글 작성 폼에 HTML 에디터 기능 추가하기

작성

289

ajax 코드에서

$.ajax({
            url: "{{ url_for('board.upload_image')}}",
            cache: false, 
            contentType: false,
            processData: false, 
            data: data,   
            type: "post",
            success: function(url){
                var image = $("<img>").attr("src", url).css("max-width", "900px");
                $("#summernote").summernote("insertNode", image[0]);            
            },
            error: function(data){
                console.log(data);  // 디버깅할수있게 표시
                alert(data);
            }           
        })

sucess 부분을 이해 못하겠습니다

url를 flask 에서 줘야하는데

flask 서버에서 url을 어떤 코드가 주는지 도저히 모르겠습니다.

혹시 return send_from_directory 가

url을 주는건가요?

flask 서버에서

print(send_from_directory(app.config["BOARD_IMAGE_PATH"], filename))

해보니

출력되는 값이

이거 더군요

해당값이 html로 넘어가면서 이미지 주소를 넘겨 주는거 같은데 맞나요?

python

답변 1

남박사

지식공유자

$.ajax({
    url: "{{ url_for('board.upload_image')}}",
    success: function(url) {
        console.log(url);
    }
};

위의 코드에서 success 의 url 은 ajax 대상의 url {{url_for('board.upload_image')}} 가 반환해주는 값을 사용하게 됩니다. 물론 여기서는 url 을 받기 위해 사용하지만 이 값은 어떤 자료형식이던 사용할 수 있습니다. 일단 여기서는..