Image File Upload to User Profile Model | Django (3.0) Crash Course Tutorials (pt 17)

[@junecnol79]

0:50 adding ImageField in Model 2:52 set MEDIA_ROOT in settings.py 5:30 add MEDIA_URL in urls.py urlpatterns 11:30 add input image field in view and template 15:07 default image

[@DennisIvy]

Pinned :)

[@balaji8427]

best Django playlist on youtube. I learned a lot throughout the series from basics to advance, to create an entire application with covering concepts, thank you man

[@hemantagarwal6388]

I think you have explained concepts very well as compared to others in youtube(django).

[@DennisIvy]

Thank you Hemant :)

[@brownhillobinna9045]

Hey Brother , I really want to appreciate your work. I say a whole bunch of THANK YOU. I jumped to Python from PHP and for months now it have been very difficult till i saw your videos. this is the very first youtube channel i have subscribed to. God bless you for me .

[@DennisIvy]

So happy to hear that! Best of luck to your studies and I hope my videos continue to help you! I welcome your blessings :)

[@brownhillobinna9045]

@@DennisIvy Yes Boss, I really am following you all the way.

[@robxnguyen]

Dennis, no lie you have the BEST django react tutorials out there. Keep it up, you're big but you deserve 20x the subs.

[@priteshwani5570]

The keyboard clicks are too good and satisfying... and the Tutorial is very clear and easy to understand

[@ritiksaxenaofficial]

Hey Dennis, there is a small problem. When a user registers then a default image is set to his/her profile. Then if user adds/uploads a new profile picture then the default profile image will be overwritten with the new one. Now the problem is if the user clears/deletes his/her profile picture instead of choosing/uploading another one, then there will be no file in the 'profile_pic' field. And this causes an error when trying to go to the 'setting' URL. So what I came up with is not to set a default file in ImageField, and fetch the default image if the user has no profile image in the 'profile.html' template. In profile.html: {% if request.user.customer.profile_pic %} {% else %} {% endif %}

[@user-pw2un2ff9r]

Haha, I did exectly the same and it's working. Geniuses think alike.xD

[@Copt774]

this is the simplest solution! thank you. Also just note that I had to add {% load static %} to the page in order for this to work

[@DarkStarRules]

For Django 3.1, for the MEDIA_ROOT variable in settings.py, do this: MEDIA_ROOT = BASE_DIR/"static/images" If that doesn't work, then see if your static folder is somehow not in the same directory or just in your accounts folder (like it was for me). Move it to outside the accounts folder.

[@pavankumarv5214]

Thanks bro

[@DarkStarRules]

@@pavankumarv5214 np

[@Copt774]

Thanks for all your content! You said that a redirect needed to be added upon saving the form in the accountSettings function but didnt add the code for us. I realized without it, when the form is submitted it would not show the updated form information (e.g. if you delete an image or add one, you'd have to manually refresh the page, which could lead to duplication of data). So for anyone reading, add this after form.save()...... return redirect('/account')

[@paristonhill2752]

When we update the image, the old image stays in the images file, how do we get rid of that?

[@frost1204]

I LOVE YOU BRO. SAVED ME A LOT OF TIME . Hands down one of the best coding tutorials out there !!!!

[@jimshapedcoding]

That might be the best tutorial on KZbin that explains the whole ImageField process. Thanks Dennis

[@JustForFun1426-t4k]

It is my first time to watch your tutorial. You are so wonderful!

[@MRROCKMAST]

I have been following this entire series. Very helpful and informative, looking forward to watching more educational content produced by you Dennis. Thank you for your effort!

[@WhitneyChakara]

I'm so tired that I just tried to close YOUR tabs. On a brighter note, this tutorial was really easy to understand and very clear.

[@НикитаПосмак]

Спасибо!) Без вашего курса я бы еще долго думал почему выводиться imagefield.)

[@DennisIvy]

Don't forget to check out my Complete Django course! dub.sh/NvGboTI

[@DejAyEnterprise]

Hi Dennis, thanks for this excellent contribution to the developer community. Having gone through your tut, it seems like it is designed for a call-in order system whereby only an admin can create, update, or delete an order. I tried modifying some of the templates and scripts to enable a user create, update, delete an order from their user template but not successful. This is because the respective tables need reference (primary key) to a customer and/or order to work. Not sure how to modify code to recognize that current user/customer is the pk (id) that should be referenced. I agree that only an admin should be able to see all customers and their orders but each customer should be able to not only see their own orders but be able to generate new orders, update or delete current orders that have not been shipped. Your help is appreciated sir. And I welcome those who may have answers to this inquiry to so provide with equal gratitude from me to you.

[@yadjnishnursiah8621]

I have a problem in my website. Whenever i create an account for someone, his profile is shown in the navigation bar. But whenever i clicked on his profile, it is showing me errors, but if i login as an admin and add that person as a customer, now he will be able to click on his profile. Can anyone solve this problem for me please ? I want to make it like someone signs up and login as a customer automatically and view his profile without the admin to accept him as a customer and not showing the error !!!

[@louzynerd129]

i get this error when i press on the settings from the web site ValueError at /account/ The 'profile_pic' attribute has no file associated with it. Request Method: GET Request URL: 127.0.0.1:8000/account/ Django Version: 3.1.2 Exception Type: ValueError Exception Value: The 'profile_pic' attribute has no file associated with it. what should i do?

[@unuefeejovwoke6609]

Same with me. Have u been able to fix it?

[@chrisbawizs8175]

hey plz can you plz make a video talking of how to crop an image when uploading plz like talk about jcrop, and thanks for the explaination above

[@johndwick792]

django 3.1 version - urlpatterns = [ ... ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

[@itzvihaan6734]

You are godsent

[@skanda2186]

If you are running your server at the beginning just after inserting in the Customer model the profile_pic's Image field, a red message will tell you, "Cannot use ImageField because Pillow is not installed" Just CTRL+C when running server and run the following command : python -m pip install Pillow For information, Pillow is a Python module responsible for opening/importing pictures, and Django seems to be using it in its backend to manage pictures.

[@helpingnextgeneration]

Hello Dennis, Why we changed john's user at last and gave it to eric ? ( May be little stupid question , but please explain once :P) I belive , to remove the picture of john and assign it to eric so that john will get default picture ?

[@mynameismynameis666]

not working with a default user_directory_path function?

[@gel.ventures]

Tutorial on how to place order as customer would be great!

[@adityarathod05]

Hi Dennis I am getting following error "The 'profile_pic' attribute has no file associated with it." pls help

[@pranayraj6295]

Am getting a ValurError at /account/ The 'profile_pic' has no file associated with it. Can anyone pls tell me how to solve this!!

[@syrgakomuraliev]

Have you solved that problem ?

[@pranayraj6295]

@@syrgakomuraliev no

[@syrgakomuraliev]

Pranay Raj Worshipper I think u should create a new user and he will have a default pic. It worked for me

[@pranayraj6295]

@@syrgakomuraliev Yeah will try, thanks by the way

[@ritiksaxenaofficial]

@@syrgakomuraliev what I have done for default profile picture is adding conditional statement in profile.html template: {% if request.user.customer.profile_pic %} {% else %} {% endif %}

[@ThePassportPapi]

how would you allow a user to add more than one image? but still require at least one image

[@KingQAT]

after adding the changes everything works except 'Add order' , keep giving me this error : TypeError at /admin/accounts/order/add/ __str__ returned non-string (type NoneType) Anyone have a clue how to solve this?

[@redabekka5940]

i have the same error did u solve the problem ?

[@rupanshiagarwal4862]

i have the prblm too

[@LuisMendez-mi7jz]

Maybe it is because one of your fields has a null value so when it tries to be returned by __str__ function his value returns NoneType instead, which is a null value

[@syrgakomuraliev]

You need to set (blank='True', null='True') to your fields. I had the same problem and it worked for me

[@unuefeejovwoke6609]

@@syrgakomuraliev to all fields or just the customer

[@RonyEfendy]

New version of Django. Great!

[@ezekielnyamle6509]

Thank you Dennis for your wonderful tutorial videos. I got two solutions from your channel

[@tejaspachpile9269]

how can i design the image field like hide the choose file and currenty showing image url like that.

[@akshatsrivastava6840]

I am working on a project of website and got some bugs and error in uploading image and creating that site with the help of django ...but i found your channel and django tuturial thanks for teaching us sir

[@ionutmuntean2177]

05:50 how come we only do this import "from django.conf import settings" only now, in the 17th video in the series? I mean... if I recall correctly, you mentioned at various times among the videos that we should be defining some variables there... so I am assuming that so far Django saw those variables... why we need to do the import just now?

[@hemantgiri2377]

omg thank you soo much. I was literally looking for this

[@riyasalunkhe2495]

@Dennis Ivy My CSS styling to the status on dashboard is working but styling is not working when I add style of the profile-pic in main.css file. What is wrong in my program? help me out.

[@nguyenquang97]

I can't load the images and I don't know Why anyone can help me please

[@user-le1nf2zf9l]

I didn't understand. You created OneToOne relationship Customer model and User default model, ok. When new user will register on the site, how does system bundle new registrated User to your Profile model, it can do it only manual in admin panel, don't it?

[@work9167]

You're great, man!

[@kyrierevival3658]

man your guide break my database now I don't know how to delete this (somehow corrupted) data . It always show TypeError __str__ returned non-string (type NoneType)

[@sumitthakur7216]

i got same type of error ...if you've got some solution for this please inform me too

[@elnazdehkharghani6121]

same problem ! when I want to add order in my DB : TypeError at /admin/accounts/order/add/ __str__ returned non-string (type NoneType)

[@sumitthakur7216]

I got the solution... In models make comment to the return type __str___ in the class you're getting error

[@sumitthakur7216]

In models.py........we have created some class....where in each class we have declared a predefined function..(def __str__()).....we have to comment that whole function of the class in which we get error......in the above video we can do it for customer class

[@elnazdehkharghani6121]

@@sumitthakur7216 thank you so much , I will try

[@siddharthjain6719]

Thankyou very much!! Very well explained 😄

[@aavlasti]

Why if we create a new user and then go to admin panel click on Customers the email address is not filled with the email address that we give when we were registered?

[@abcrectify6916]

make a video on upload image as a input file using html , don't use inbuilt form method for uploading image

[@ind-ram]

in customers you are setting users manually how to do it dynamically i.e when the user registered the user field in customer sets automatically

[@chelseafan2893]

Dennis please make a video how to upload several images in one post

[@RydenEden]

i dont have a field im trying to add it with the command prompt becasue there is no log in it is a basketball website, how do i do that

[@abdelrhmanahmed1378]

first time we pass the instance argument to populate the from ,put why we pass it the second time ?! and why if remove it the form will not change , and with creatorder we didnot use instance

[@kevinariza603]

Hello, world! If you want to delete the old image, you can use django-cleanup: Compatibility: Django 2.2, 3.0, 3.1 Python 3.5+ STEP 1: Install django-cleanup. ---> pip install django-cleanup STEP 2: Add django_cleanup to the bottom of INSTALLED_APPS in settings.py. ---> INSTALLED_APPS = ( ..., 'django_cleanup.apps.CleanupConfig', ) That is all, no other configuration is necessary. Where did I get this? ---> github.com/un1t/django-cleanup Thanks for the great content, Dennis!

[@hroman_codes]

Thank you this was super helpful!

[@prachikhetwal2196]

Hi Dennis , can you please specify about all the pip installs as multiple errors are arising on running the github code , when I am applying runserver command errors like :< frozen importlib ._bootstrap>,no module named widget_tweaks are coming up , also the __init__.py file is not showing in templates directly, any help would be appreciated Thanks..

[@syrgakomuraliev]

The 'profile_pic' attribute has no file associated with it Why is that ?

[@aishu812]

FIRST U NEED TO UPLOAD THE CUSTOMER PIC USING ADMIN PANEL....AND THEN CHECK ONTO THE SPECIFIC CUSTOMER PAGE

[@bishaladhikari8691]

@@aishu812 but when u clear the profile pic in setting form it shows that error

[@bishaladhikari8691]

did u solved it yet ?

[@arek6296]

Thanks, amazing tutorial

[@yusuffabdulmusawwir6807]

What's the difference between the user and the customer?

[@alphiuswambua9512]

This is awesome men. Please do a video on how to deploy django in shared hosting (cpanel). Kindly do it with a cpanel that does not have terminal because majority of them do not have.

[@mdbelalhosen5898]

image upload not working on heroku live... though works locally ....need your help badly dennis

[@bekzodnegmatillaev8974]

at the customers page on admin it created "-" and once i click or delete it, it says: __str__ returned non-string (type NoneType)

[@Martin-Mwiti]

In the models.py file under Customer model, change to ```def __str__(self): return str(self.name)``` . Worked for me.

[@bekzodnegmatillaev8974]

@@Martin-Mwiti but it creates just None

[@manhdoan199x3]

help me please : ImportError: cannot import name 'six' from 'django.utils' (/home/doan/.local/lib/python3.7/site-packages/django/utils/__init__.py)

[@juneyou9207]

Thank you Dennis 👏👍👍👍

[@marufhossen1581]

Love you, bro...

[@benabdallahrahma8245]

hi thank you for your content , but what can i do to store images in a mangodb ? and update it retrieve it dynamically?

[@Pigirl]

How can we retrieve the url of image field in views.py

[@sethassiamah8449]

I do get this error whenever I try to save the profile__pic image . ------- _getfullpathname: path should be string, bytes or os.PathLike, not list

[@jamesadakole8068]

Thank you so much God Bless!

[@DennisIvy]

Thanks James :)

[@DarkStarRules]

For anyone, if for some reason when you click on profile1.png it says that the image has not been found, make sure that the static folder is NOT in the accounts folder. I somehow made this mistake like 10 tutorials ago and just realised it now.

[@brownhillobinna9045]

Please when you are done with this video series, will you consider the school management system or just report card management system i earlier pleaded for?

[@DennisIvy]

Sorry totally forgot to address that. It's been requested alot so I probably will make one but I have a list of videos & series I need to complete before that. 1 - Django Crash course series (This course) 2 - Django Rest (API) Framework Course 3 - Twitter Clone App 4 - Django Live Chat App 5 - Django React To DO app After these I'll have to give it a shot :) Sorry i hope you understand, I get alot of requests.

[@brownhillobinna9045]

@@DennisIvy i totally understand and appreciate. which ever way it is I'm learning. Thanks a lot Boss

[@GodwinStefanSalvatoreAddo]

Great tutorial as usual, could you consider adding a validation to check mime types and file size before upload? that would be great. wouldn't want anyone uploading a 50mb pdf file as a profile photo.. right?

[@hansenlobo]

I think we can set validation by checking the file extension...

[@noah5592]

@@hansenlobo yes that would be good but also file size we dont want 20k photo taking up our space

[@mohammedqadir3851]

Thank you so much sir. I am waiting this also how to add profile image using Django.

[@yadjnishnursiah8621]

I have a problem in my website. Whenever i create an account for someone, his profile is shown in the navigation bar. But whenever i clicked on his profile, it is showing me errors, but if i login as an admin and add that person as a customer, now he will be able to click on his profile. Can anyone solve this problem for me please ? I want to make it like someone signs up and login as a customer automatically and view his profile without the admin to accept him as a customer and not showing the error !!!

[@AlifAhsanul]

how to restrict anonymous visitor from viewing profile image by typing picture path to url?

[@pythonmacho9954]

You can use {% if request.user.is_authenticated %}: #shows only to authenticated users {% else %} # shows to anonymous {% endif %}

[@sergeyvarfolomeev2627]

Денис, у тебя отличный английский! :) Где так натаскался?

[@nirjalpaudel]

Empty static prefix not permitted got this error

[@Magistrado1914]

Excellent course 21/07/2020

[@luccatsoares]

Amazing Video!! how can I add the model custumer automatically to a user?

[@deepjyotide181]

"Empty static prefix not permitted" I am having this issue right now.

[@bruclnartir3086]

Deepjyoti De I have the exact same problem

[@deepjyotide181]

@@bruclnartir3086 I added a STATIC_ROOT and it worked.

[@user-ge1vr8zq6o]

@@deepjyotide181 can i see you Url.py

[@siddhantpokhrel6955]

same problem anyone got the solution with this ???

[@boutheinahaddad6803]

thank you it's very helpful

[@aishu812]

HELLO DENNIS,I could not see the customer name at the customer field of the admin panel after using that User field in the customer model.. so I couldn't upload the customer photo through the admin panel initially..

[@aishu812]

I could not see the newly created customer after using the User field in the customer model...

[@user-cm3qb6jo7d]

Thanks a lot, I searched for it all day yesterday!!!

[@brownhillobinna9045]

Please again are you using django 3 or 2.1 as I saw in video 1? Can you do a school management system after this series? while student an view their report card, profile, update profile, view invoice view teacher , teachers can upload result, I hope you get what i am trying to say. (for a secondary school). please reply .

[@DennisIvy]

We started with django 2.1 but all source code was updated to 3.0. Honestly not much of a difference between the two since we're not using many 3rd party packages.

[@brownhillobinna9045]

@@DennisIvy Ok Thanks for the really.

[@user-gx3gr2pw6h]

Thanks To The Author !!! could you still make a video creating an ad site on django 3

[@DennisIvy]

This was done in Django 3.0. What do you mean by “Ad site”? Если вам легче, можете по Русский говорит :)

[@user-gx3gr2pw6h]

@@DennisIvy Спасибо Вам еще раз за ваши уроки!!! Можете еще создать курс по Django3 на тему сайта размещения объявлений.

[@NepaliWhitehat]

Hey Dennis, Please Make a complete on Django signals. Like Setting profile picture automatically when user signup.

[@DennisIvy]

Working on it now :)

[@cosplayfx]

The fun beginns when you realise, that you cannot use that in production and your image url is viewable by anyone with the link.

[@zulqarnainbutt9473]

Thank you so much !

[@DennisIvy]

Your more than welcome! :)

[@karthikk7460]

I uploaded the image successfully and uploaded the image stored in a specified directory .but when we open the admin panel, it is not showing the currently uploaded file .could u please tell me what to do?

[@karthikk7460]

please anybody give reply for this

[@ryan_0337]

Hey Dennis, Do you know when will be the last video of this tutorial ? Because I want to learn how to deploy the app.

[@zulqarnainbutt9473]

He already has a video on that. Check his playlist where there is another series of django related.

[@acctivacct4709]

kzbin.info/www/bejne/jZKbgGiigcSXZq8

[@ryan_0337]

I know but can I modify my app. After launching it on Heroku Thanks for your advice guys

[@cse2357]

@@ryan_0337 Yes, You can. After modifying You have to just push on Heroku your updated app

[@DennisIvy]

Hey Ryan! Yes I will be releasing a video on that soon for this project. Thanks for mentioning that video Zulqarain, but i will be coming out with another with more details since that was an old video of mine and I didn't explain alot there. Here are the next videos in the series: 1 - Django Signals 2 - Password Reset email 3 - Postgresql database 4 - Pushing Django Live to heroku 5 - Django Static files on AWS S3 Buckets 6 - Postgres Database hosted on AWS RDS This order may change a little but this should give you an idea

[@ytdavide]

Thanks for all you do! 👍

[@DennisIvy]

Your welcome Davide! I'm just glad people are finding these videos useful :)

[@ytdavide]

@@DennisIvy very useful

[@ytdavide]

@@DennisIvy twitter.com/chrisoncode/status/1216770622195240960?s=19

[@amitpatil515]

Change from django.conf.urls import static to from django.conf.urls.static import static and you're good to go. Those who are getting prb

[@fabriziobandiera6648]

Is it possible to remove "currently" and change?

[@rainfeedermusic]

How to remove previous profile picture? (delete it)

[@brycewong4869]

Hey Dennis + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) after adding the above code into urls, i found that my main.css won't work, whenever i change style in main.css, templates will not inherit the css design, how can i solve this?

[@ankurtiwari5664]

CSS file is not updating what to do

[@KevinTempelx]

Thank you!

[@abdulselamtamene5812]

where can i get acode

[@vickysmart9292]

the image cannot load in fronend view whats the solution for that anyone help for this

[@electricimpulsetoprogramming]

Change from django.conf.urls import static to from django.conf.urls.static import static and you're good to go. Those who are getting problem

[@rayganmudberry375]

Awesome.👌👌❤. I suggest you to change your youtube channel name Dennis Ivy to CodeWithDennis.👍

[@marlinekhavele2461]

I have this issue The view accounts.decorators.wrapper_function didn't return an HttpResponse object. It returned None instead.

[@SS010791]

I had the same issue - login to the admin panel with the user that has a group assigned to it (admin or customer) then launch the cpm login page. It worked for me.

[@yadjnishnursiah8621]

I have a problem in my website. Whenever i create an account for someone, his profile is shown in the navigation bar. But whenever i clicked on his profile, it is showing me errors, but if i login as an admin and add that person as a customer, now he will be able to click on his profile. Can anyone solve this problem for me please ? I want to make it like someone signs up and login as a customer automatically and view his profile without the admin to accept him as a customer and not showing the error !!!

[@foadhaydari5075]

hi, when user register make it customer in view.py

[@Vivek-hf7mx]

So when we create a customer, do we need to create a corresponding user account for that customer??...please clear this doubt....

[@talhashakil8245]

I also have the same question. I cannot understand the relationship between User and Customer

[@brainiacmarco4014]

you must add to customer an user in admin Django before

[@yamanrana7531]

I tried to upload the images but thd images are save in separate folder with same name static/images/ please can you tell me anything about this

[@sabasiddika]

I had the same problm. but it works as per this tutorial

[@yamanrana7531]

Hehhe same problem😂

[@marlinekhavele2461]

Dennis Ivy can you assist me with my issue???

[@siddhantpokhrel6955]

TypeError at /images/anil.jpg expected str, bytes or os.PathLike object, not NoneType I am gettting this error please help while

[@ArchanaKumari-cu2wv]

Same error with me, have you got any solution?