Loading...
2023. 5. 14. 03:07

frontend(vue.js)에서 FastAPI로 타입이 여러개 담긴 Formdata 보내기

1. formdata로 FastAPI에 값 보내기 formdata로 파일만 보내는 경우가 있지만, 때로는 formdata로 파일도 보내고 싶고 string이나 integer 등등 단순 데이터도 같이 보내고 싶을 수 있다 //vue.js async stopSoundToKeyword () { this.isLoading = true this.isRecording = false this.mediaRecorder.stop() this.mediaRecorder.onstop = (event) => { const blob = new Blob(this.audioArray, {type: 'audio/mp3'}) this.audioArray.splice(0) const formData = new FormData() form..

2023. 1. 22. 17:24

react&node.js 개발 -image 데이터 서버에 저장하는 방법 배우기

1. 이미지 데이터 저장? 관계형 데이터베이스 MySQL에 비정형 데이터인 이미지를 그냥 저장할 수는 없다 보통 이미지를 클라이언트에서 서버로 보내 저장할때, 이미지 위치 경로만 DB에 저장하고 실제 이미지 파일은 서버 내에 저장시킨다 2. input 태그 input태그에서 type='file'로 지정하면 파일을 업로드 받을 수 있다 accept 속성은 입력받을 파일의 형식을 지정 image/*하면 image 파일인데 확장자 jpg, png등 상관없다는 말 하지만 accept로 하더라도 다른 파일을 입력받을 수는 있다 특정 파일만 받게할 수는 있다고 하는데 당장 필요한건 아니니.. 3. FileReader() 자바스크립트에서 FileReader() 객체를 이용해 파일을 읽어들일 수 있다 const sav..