DEV Community

Vicente G. Reyes
Vicente G. Reyes

Posted on • Edited on

SOLVED:Uploading images from Django-Admin

I'm almost done fixing my Django portfolio when I bumped into a problem when choosing a photo for one of the pages of my site

The problem here is the dropdown doesn't show anything!

My models.py is

from django.db import models


class Project(models.Model):
    title = models.CharField(max_length=100)
    description = models.TextField()
    technology = models.CharField(max_length=20)
    image = models.FilePathField(path='/img')

I have an /img folder on the main project folder and the static folder.

Someone from StackOverflow asked if I had read & write access on the folder and I definitely have.

Did I miss anything?

Top comments (16)

Collapse
 
perigk profile image
Periklis Gkolias

I am not in front of a computer but I would start with docs.djangoproject.com/en/2.2/ref/...

Collapse
 
highcenburg profile image
Vicente G. Reyes

Great! I've been wondering what I was missing on my code to upload files from the admin. Will check this the first thing tomorrow. Cheers!

Collapse
 
highcenburg profile image
Vicente G. Reyes

What I'm trying to do is I'm trying to upload images from the admin and access it thru this dropdown(seen on the video/photo) but when I click it, it does not show anything.

Collapse
 
perigk profile image
Periklis Gkolias

What do the logs say? I am afraid I cannot help with guessing. :)

Thread Thread
 
highcenburg profile image
Vicente G. Reyes • Edited

When I use this

image = models.FileField(upload_to='static/')
it returns a
Server Error (500)
on the admin.


When I use
image = models.FileField("/img")
It return a
Server Error (500)
on the site.

When I use
models.FilePathField(path=os.path.join(settings.BASE_DIR, 'home/projects/static/img'))
it returns a
Server Error (500)
on the admin.

Im confused. I just want to upload images from the admin to the portfolio page of my site.
Thread Thread
 
perigk profile image
Periklis Gkolias

As explained a couple of times above, those are generic errors and without more specific info or code I am afraid I cannot be of much help, if my only weapon is guessing.

There are various tutorials online. Please have a look and if you have any specific questions please ask again.

A great tutorial that will help: wsvincent.com/django-image-uploads/

Collapse
 
highcenburg profile image
Vicente G. Reyes

Hi Periklis, I'm having a hard time understanding and I think it's better if I send you a video of my issue with choosing a file. Please check this: s3.amazonaws.com/django-error/prob...

Collapse
 
perigk profile image
Periklis Gkolias

I saw the video. But it doesnt say a lot to me.This might not work for too many reasons. Can you please do the process as described in various articles and on django docs, and if you still cant make it, please come back withwhat you did and the errors you get.

Thanks

Thread Thread
 
perigk profile image
Periklis Gkolias
Collapse
 
perigk profile image
Periklis Gkolias

I am not sure what you are trying to do, What setup you already have, What errors are thrown, Can you please elaborate?

Thread Thread
 
highcenburg profile image
Vicente G. Reyes

I actually found a workaround until I figure out the problem. Im trying to get the photo show up on the dropdown but when I click it, nothing shows even if the files are on the right folder

Collapse
 
highcenburg profile image
Vicente G. Reyes

Hey Rhett,

Thank you for this. I'm doing a tutorial now and the guy used ImageField which made sense in what I was trying to achieve.

The debug on my project is set to False and the ALLOWED_HOST is set to my localhost. I think the error might be inside the FilePathField line of code. When I use

 image = models.FilePathField(path=os.path.join(settings.BASE_DIR, 'home/projects/static/img'))
it returns the 500 error on the project page, but when I use
image = models.FileField(upload_to='uploads/')
it runs as smooth as silk.

The MEDIA_ROOT & MEDIA_URL would be set now thanks to you.

Cheers!

Collapse
 
fiyinanne profile image
Fiyinfoluwa Akinsiku

Hi! I am currently working on this same project and I have the same issue. I've searched the internet (how I found this post) but couldn't get a clear solution. How did you resolve it? Thanks.

Collapse
 
highcenburg profile image
Vicente G. Reyes

Could you post your code?

Collapse
 
romko97 profile image
Roman Halychanivkyi

I have the same problem if you figured out how to solve that, please write to me.

Collapse
 
highcenburg profile image
Vicente G. Reyes

Hi, can you post your code?

Some comments may only be visible to logged-in visitors. Sign in to view all comments.