[FE] API 관련

[YeSeolKo]

• blob파일 객체 만들어서 flask에 전달함

1. 캡쳐한 이미지의 주소가 data:image/ jpeg;base64,/9j/4AAQ.....이런식으로 되어있어서 , flask에서 받을때에도 jpeg명시 해야함

[YeSeolKo]

1

• 캡쳐한 이미지의 주소가 data:image/ jpeg;base64,/9j/4AAQ.....이런식으로 되어있어서 , flask에서 받을때에도 jpeg명시 해야함

    # formData로전송된 blob파일 받기
    elif request.method == 'POST':
        blob = request.files['capturedImage'] #이름이 같아야 함 
        blob.save('./saved/image.jpeg') #jpeg 
        print('Image saved successfully')
    return 'postImage!'

[YeSeolKo]

// dataURI to Blob 함수
    const dataURItoBlob = (dataURI) => {
        const byteString = atob(dataURI.split(',')[1]);//실제 데이터부분만 추출,atob()로바이너리 데이터만듦
        const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
        const ab = new ArrayBuffer(byteString.length);
        const ia = new Uint8Array(ab);
        for (let i = 0; i < byteString.length; i++) {
            ia[i] = byteString.charCodeAt(i);
        }
        return new Blob([ab], { type: mimeString });//Blob객체 생성 
    }

    //formData생성----
    const sendForm=()=>{
        const formData = new FormData(); //formData객체 생성
        const blob = dataURItoBlob(image); // dataURI to Blob 변환
        formData.append('capturedImage',blob); //Blob 파일 formData로 전송 
        const config={
            headers:{
                'Content-type':'multipart/form-data',
                'Accpet':'*',
                'withCredentials':'true'//cors관련 
            }
        };