[Answered ]-DJANGO REST FRAMEWORK IMAGE UPLOAD ["The submitted data was not a file. Check the encoding type on the form."]

by

1👍

Hopefully you are using React js, this should help. At the point of
saving and submitting your form data, your function should look like this:

const onSubmit = (data) => {
    console.log(data)
    let form_data = new FormData();
    form_data.append('upload_image_photo', data.cover_image, data.cover_image.name);
    form_data.append('title', data.title);
    form_data.append('category', data.category);
    form_data.append('price_per_night', data.price_per_night);
    form_data.append('room_slug', data.room_slug);
    form_data.append('capacity', data.capacity);
    form_data.append('room_size', data.room_size);
    let url = '/url to the end point you are saving with the expected image field / ';
    const config = {
        headers: {
            "Content-Type": "multipart/form-data",
            Authorization: `Bearer ${token}`,
        },
    };
    axios.post(url, form_data, config)
        .then(res => {
            console.log(res.request.status);
            console.log(res.data);
        })
        .catch(err => console.log(err))
};
👤nick

Leave a comment