django 백엔드로 이미지 첨부 파일을 보낼 수 없습니다. 도와주세요
`import React, { useState } from "react";
import axios from 'axios';
import { useNavigate } from 'react-router-dom';
function CompanyForm() {
const [name, setName] = useState("");
const [title, setTitle] = useState("");
const [price, setPrice] = useState("");
const [upload, setUpload] = useState(null);
const navigate = useNavigate();
const AddInfo = async () => {
let formField = new FormData()
formField.append('name', name)
formField.append('title', title)
formField.append('price', price)
formField.append('upload', upload)
if (upload !== null) {
formField.append('upload', upload)
}
const AddInfo = () => {
const formField = new FormData()
formField.append('name', name)
formField.append('title', title)
formField.append('price', price)
formField.append('upload', upload)
}
await axios({
method: 'POST',
url: 'http://localhost:8000/',
data: formField,
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
}).then((res) => {
console.log(res.data)
navigate('/')
})
}
return (
<form>
<div className="mb-3">
<label for="Name" className="form-label">Name</label>
<input type="text" className="form-control" name="name" value={name} onChange={(e) => setName(e.target.value)} />
</div>
<div className="mb-3">
<label for="title" className="form-label">Title</label>
<input type="text" className="form-control" name="title" value={title} onChange={(e) => setTitle(e.target.value)} />
</div>
<div className="mb-3">
<label for="price" className="form-label">Price</label>
<input type="number" className="form-control" name="price" value={price} onChange={(e) => setPrice(e.target.value)} />
</div>
<div class="mb-3">
<label for="upload" class="form-label">Upload</label>
<input class="form-control" type="file" name="upload" onChange={(e) => setUpload(e.target.files[0])} />
</div>
<button type="submit" className="btn btn-primary" onClick={AddInfo}>Submit</button>
</form>
)
}
export default CompanyForm;`
Reference
이 문제에 관하여(django 백엔드로 이미지 첨부 파일을 보낼 수 없습니다. 도와주세요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/amritshahi1994/unable-to-sent-image-attachement-to-django-backend-help-appricated-cg2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)