파이토치로 배우는 LLM & AI

442

2

부

모델 사용

document.getElementById('uploadForm')

.addEventListener('submit', async (e) => {e.preventDefault();

다음 코드에서 마법이 일어납니다.

FormData

로 첨부된 파일을 가져와 백엔드의

/

analyze

엔

드포인트에 전달합니다. 이 엔드포인트는 (앞서 )

app

.

js

파일에서

app

.

post

로 정의했습니다.

// 파일을 업로드합니다.

const formData = new FormData(form);

const response = await fetch('/analyze', {

method: 'POST',

body: formData

});

이 과정이 완료되면 브라우저는 서버로부터

jobID

를 받고 계속 서버에

jobID

의 상태를 요청

합니다. 잡의 상태가

completed

가 되면 성공한 경우 결과를 출력하고 실패한 경우 오류를 출

력합니다.

if (!response.ok) throw new Error('Upload failed');

const { jobId } = await response.json();

// 결과를 계속 확인합니다.

while (true) {

const statusResponse = await fetch(`/status/${jobId}