인프런 커뮤니티 질문&답변

안녕하십니까 이런 부분으로 질문드리게 되어 죄송합니다 ㅠ 

다만 이미지 업로드 부분에서 drag&drop 기능 및 

파일 선택 후 업로드 기능 전부 제대로 실행되지 않아 어려움을 겪고 있습니다

현재 로컬 폴더에 지정한 경로상으로 image를 드래그앤 드롭 하면 저장은 됩니다만 write.html 게시판 글 작성 상으로는 

이미지가 전혀 나타나질 않습니다 .  uploadImage()의 문제인 듯 하여 코드를 첨부했습니다 혹시 틀린 부분이 있다면 알려주시면 정말정말 감사할 듯 합니다!

//write.html -> uploadImage()
function uploadImage(image){
        print("<file upload>")
        var data = new FormData();
        data.append("image", image);
        $.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);
            }
        });
    }

console log를 살펴봐도 다른 에러가 발생하지 않았으며

image파일은 게시판에 이미지를 올릴 때마다 차곡차곡 저장은 됩니다만 글 작성 내용에서는 전혀 포함이 되질 않습니다 

# board.py -> /upload_image, /images/<filename>

@blueprint.route("/upload_image", methods=["POST"])
def upload_image():
    if request.method == "POST":
        file = request.files["image"]
        if file and allowed_file(file.filename):

            filename = "{}.jpg".format(rand_generator())
            savefilepath=os.path.join(app.config["BOARD_IMAGE_PATH"], filename)
            file.save(savefilepath)
            return url_for("board.board_images", filename=filename)

@blueprint.route("/images/<filename>")
def board_images(filename):

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

혹시 몰라 board.py 에 구현된 upload_image 항목 역시 첨부했습니다