Django-React Upload Image Issue

Я пытаюсь загрузить изображение из react в базу данных [django] Я получил ошибки GET http://localhost:3000/images/Koala.jpg 404 (Not Found) и изображения не отображаются на странице. но они найдены в моих статических файлах бэкенда

Это мое мнение:

@api_view(['POST'])
def uploadImage(request):
    data = request.data

    product_id = data['product_id']
    product = Product.objects.get(id=product_id)

    product.imageSrc = request.FILES.get('imageSrc')
    product.save()

    return Response('Image was uploaded')

вот мой url вида:

path('upload/', views.uploadImage, name="image-upload"),

а это моя функция react для обработки загрузки изображения:

  const uploadFileHandler = async (e) => {
    const file = e.target.files[0]
    const formData = new FormData()

    formData.append('imageSrc', file)
    formData.append('product_id', productId)

    setUploading(true)

    try {
        const config = {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        }

        const { data } = await axios.post('/api/products/upload/', formData, config)

        setImageSrc(data)
        setUploading(false)

    } catch (error) {
        setUploading(false)
    }
  }

и вот мой HTML код

<div id='imageSrc'>
                    <h6>upload picture</h6>
                    <input
                        value={imageSrc}
                        onChange={(e) => setImageSrc(e.target.value)}
                    >
                    </input>

                    <input
                        id='image-file'
                        type='file'
                        custom= 'true'
                        label='Choose File'
                        onChange={uploadFileHandler}
                    >
                    </input>
                    {uploading && <Loader />}
                </div>

Вернуться на верх