state에 저장한값을 multer를 통해 업로드 하려면?

[codingapple]

더 만들어도되고 거기 넣어도될듯요 서버쪽 폴더에 파일 저장되는지 확인해보거나 출력해봅시다 

[강현우]

 
formData에 append를 하고 console 찍어보면 {} 빈값만 나옵니다..

[codingapple]

append() 안에 e.target.files[0] 파일 하나만 넣어서 보내봅시다

[강현우]

const handleChange = (e)=>{
setInfo({...info,[e.target.name]:e.target.value})
 }
const handleFileChange = (e) =>{
formData.append('upload',e.target.files[0])
setInfo({...info,[e.target.name]:e.target.files[0]})
 }
const SubmitData = (e) => {
console.log(formData)
axios.post('http://localhost:3000/makeLecture',formData,{
headers: {"Content-Type": "multipart/form-data"}
 })
 }
이렇게 하니 프론트쪽 console에서는  

이렇게 나오고 server쪽에서는 undefined라 나옵니다.

[강현우]

계속 만지다보니 해결하였습니다

[강현우]

multer에 업로드된 비디오파일을 프론트단에서 get으로 불러서 video 태그안에 넣어 재생하고 싶습니다.
가능한가요?

[codingapple]

video태그안에 source태그안에 서버에저장된 비디오경로 넣어주면 됩니다

[강현우]

따로 get요청 할 필요 없이 접근하면 되는 건가요?

[강현우]

<video src='../uploaded/0.mp4' controls
style={{width:'300px', height:'300px',border:'1px black solid'}}>
</video>

해보았지만 빈화면 뿐이고 재생이 안됩니다 ㅠ

[codingapple]

서버에 올린 영상이 리액트프로젝트에 들어있는게 좀 이상합니다 
서버 public폴더에 있으면 http://서버주소/영상.mp4 넣어봅시다

[글쓴이]

글