Image File Upload to User Profile Model | Django (3.0) Crash Course Tutorials (pt 17)
ฝัง
- เผยแพร่เมื่อ 15 ก.ค. 2024
- Checkout my new Django Course!
dennisivy.teachable.com/p/dja...
Upload Images to User Profile model and display images dynamically
Follow me on Twitter: / dennisivy11
LinkedIn: / dennis-ivanov
Source Code: github.com/divanov11/crash-co...
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
Pinned :)
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
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!
Dennis, no lie you have the BEST django react tutorials out there. Keep it up, you're big but you deserve 20x the subs.
I LOVE YOU BRO. SAVED ME A LOT OF TIME . Hands down one of the best coding tutorials out there !!!!
The keyboard clicks are too good and satisfying... and the Tutorial is very clear and easy to understand
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 .
So happy to hear that! Best of luck to your studies and I hope my videos continue to help you! I welcome your blessings :)
@@DennisIvy Yes Boss, I really am following you all the way.
Спасибо!) Без вашего курса я бы еще долго думал почему выводиться imagefield.)
It is my first time to watch your tutorial.
You are so wonderful!
I think you have explained concepts very well as compared to others in youtube(django).
Thank you Hemant :)
New version of Django. Great!
omg thank you soo much. I was literally looking for this
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 %}
Haha, I did exectly the same and it's working.
Geniuses think alike.xD
Thank you Dennis for your wonderful tutorial videos. I got two solutions from your channel
You're great, man!
Thank you Dennis 👏👍👍👍
Thankyou very much!! Very well explained 😄
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.
Thank you this was super helpful!
Thanks, amazing tutorial
When we update the image, the old image stays in the images file, how do we get rid of that?
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
Excellent course
21/07/2020
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
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.
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 !!!
Love you, bro...
Thank you so much God Bless!
Thanks James :)
That might be the best tutorial on TH-cam that explains the whole ImageField process. Thanks Dennis
Thank you so much !
Your more than welcome! :)
thank you it's very helpful
django 3.1 version -
urlpatterns = [
...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
You are godsent
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.
Thank you!
how can i design the image field like hide the choose file and currenty showing image url like that.
Thanks for all you do! 👍
Your welcome Davide! I'm just glad people are finding these videos useful :)
@@DennisIvy very useful
@@DennisIvy twitter.com/chrisoncode/status/1216770622195240960?s=19
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.
Thanks bro
@@pavankumarv5214 np
Thank you so much sir.
I am waiting this also how to add profile image using Django.
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 !!!
Tutorial on how to place order as customer would be great!
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 ?
Thanks a lot, I searched for it all day yesterday!!!
hi thank you for your content , but what can i do to store images in a mangodb ? and update it retrieve it dynamically?
how would you allow a user to add more than one image? but still require at least one image
thank you
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?
not working with a default user_directory_path function?
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..
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
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
Dennis please make a video how to upload several images in one post
Amazing Video!! how can I add the model custumer automatically to a user?
@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.
Hi Dennis I am getting following error
"The 'profile_pic' attribute has no file associated with it."
pls help
image upload not working on heroku live... though works locally ....need your help badly dennis
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
How can we retrieve the url of image field in views.py
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.
Is it possible to remove "currently" and change?
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.
the image cannot load in fronend view whats the solution for that anyone help for this
supperrr!!!
Hey Dennis, Please Make a complete on Django signals. Like Setting profile picture automatically when user signup.
Working on it now :)
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
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?
Same with me. Have u been able to fix it?
I can't load the images and I don't know Why anyone can help me please
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?
Thanks To The Author !!! could you still make a video creating an ad site on django 3
This was done in Django 3.0. What do you mean by “Ad site”? Если вам легче, можете по Русский говорит :)
@@DennisIvy Спасибо Вам еще раз за ваши уроки!!! Можете еще создать курс по Django3 на тему сайта размещения объявлений.
Empty static prefix not permitted
got this error
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
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
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?
make a video on upload image as a input file using html , don't use inbuilt form method for uploading image
What's the difference between the user and the customer?
very good
Thank you :)
@@DennisIvy Teach these things too
Create nested categories
Installing and configuring postgresql on Linux
tnx
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?
I think we can set validation by checking the file extension...
@@hansenlobo yes that would be good but also file size we dont want 20k photo taking up our space
help me please : ImportError: cannot import name 'six' from 'django.utils' (/home/doan/.local/lib/python3.7/site-packages/django/utils/__init__.py)
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?
i have the same error did u solve the problem ?
i have the prblm too
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
You need to set (blank='True', null='True') to your fields. I had the same problem and it worked for me
@@syrgakomuraliev to all fields or just the customer
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?
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.
@@DennisIvy i totally understand and appreciate. which ever way it is I'm learning. Thanks a lot Boss
CSS file is not updating what to do
where can i get acode
The fun beginns when you realise, that you cannot use that in production and your image url is viewable by anyone with the link.
How to remove previous profile picture? (delete it)
Dennis Ivy can you assist me with my issue???
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 !!!
hi,
when user register make it customer in view.py
at the customers page on admin it created "-" and once i click or delete it, it says: __str__ returned non-string (type NoneType)
In the models.py file under Customer model, change to ```def __str__(self):
return str(self.name)``` . Worked for me.
@@Martin-Mwiti but it creates just None
how to restrict anonymous visitor from viewing profile image by typing picture path to url?
You can use
{% if request.user.is_authenticated %}:
#shows only to authenticated users
{% else %}
# shows to anonymous
{% endif %}
Hey Dennis,
Do you know when will be the last video of this tutorial ?
Because I want to learn how to deploy the app.
He already has a video on that. Check his playlist where there is another series of django related.
th-cam.com/video/Wa8O5lL_d0M/w-d-xo.html
I know but can I modify my app.
After launching it on Heroku
Thanks for your advice guys
@@ryan_0337 Yes, You can. After modifying You have to just push on Heroku your updated app
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
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..
I could not see the newly created customer after using the User field in the customer model...
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 .
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.
@@DennisIvy Ok Thanks for the really.
I have this issue
The view accounts.decorators.wrapper_function didn't return an HttpResponse object. It returned None instead.
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.
Just leaving a mark guys: 8:00
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?
please anybody give reply for this
Awesome.👌👌❤. I suggest you to change your youtube channel name Dennis Ivy to CodeWithDennis.👍
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!
how did you make the profile pic appear circular
That's made with the following CSS rule:
img {
border-radius: 50%;
}
Am getting a ValurError at /account/
The 'profile_pic' has no file associated with it.
Can anyone pls tell me how to solve this!!
Have you solved that problem ?
@@syrgakomuraliev no
Pranay Raj Worshipper I think u should create a new user and he will have a default pic. It worked for me
@@syrgakomuraliev Yeah will try, thanks by the way
@@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 %}
Денис, у тебя отличный английский! :) Где так натаскался?
So when we create a customer, do we need to create a corresponding user account for that customer??...please clear this doubt....
I also have the same question. I cannot understand the relationship between User and Customer
you must add to customer an user in admin Django before
Пиздец, просто лучший, спасибо огромное
At this point, my update order function is actually broken, I am sure that I logged in as an admin, anyone has idea?
TypeError at /update_order/1
__str__ returned non-string (type NoneType)
Mine too
@@sanjoysarker650 did this work for you
TypeError at /images/anil.jpg
expected str, bytes or os.PathLike object, not NoneType
I am gettting this error please help while
Same error with me, have you got any solution?