부트스트랩 파일업로드

고수진·2021년 5월 22일
#파일업로드 라이브러리
<script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js"></script>

#파일업로드 코드 get 함수 호출 전에 
bsCustomFileInput.init()

#서버쪽 post 받기 코드
file = request.files["file_give"]

save_to = 'static/mypicture.jpg'
file.save(save_to)

#클라이언트 쪽 보내기 코드
function posting() {
    let title = $('#title').val()
    let content = $("#content").val()

    let file = $('#file')[0].files[0]
    let form_data = new FormData()

    form_data.append("file_give", file)
    form_data.append("title_give", title)
    form_data.append("content_give", content)

    $.ajax({
        type: "POST",
        url: "/diary",
        data: form_data,
        cache: false,
        contentType: false,
        processData: false,
        success: function (response) {
            alert(response["msg"])
            window.location.reload()
        }
    });
}
profile
수진고

0개의 댓글